john/tractatus
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions
tractatus/public/js/components
History
TheFlow 63fd753622 fix(docs): card overflow, sequencing, colour legend, and category fixes 
Fixed multiple issues with the docs page card-based document view:

**Card Overflow Fixed:**
- Added overflow-x-hidden to #document-content container
- Added w-full max-w-full to card-grid-container
- Added w-full to grid itself
- Added max-w-full overflow-hidden to individual cards
- Cards now stay within container boundaries at all viewport sizes

**Long Title Wrapping:**
- Added insertSoftHyphens() method to break CamelCase words
- Inserts soft hyphens (­) before capitals in compound words
- Examples: "InstructionPersistenceClassifier" → "Instruction­Persistence­Classifier"
- Titles now wrap intelligently without being cut off

**Colour Legend (Option C):**
- Added toggle button (ℹ️) next to ToC and PDF buttons
- Popup shows all 5 colour codes with descriptions
- Translated to EN ("Colour Guide"), DE ("Farbcode"), FR ("Guide des couleurs")
- Fixed colour square visibility (bg-500 with borders instead of bg-400)
- Click outside to close functionality

**Card Sequencing:**
- Cards now display in original markdown document order
- Removed groupByCategory() grouping logic
- Removed category header sections
- Color coding preserved based on section category

**Category Fallback Bug:**
- Fixed invalid fallback category 'downloads-resources' → 'resources'
- Ensures uncategorized documents go to valid category

**Database Migration:**
- Added scripts/move-guides-to-resources.js
- Moved 3 implementation guides from getting-started to resources
- Getting Started now contains only: Introduction, Core Concepts
- Resources now contains: Implementation guides

**Result:**
✅ Cards respect container width (no overflow)
✅ Long titles wrap with hyphens (no cutoff)
✅ Colour legend accessible and translated
✅ Cards in logical reading order from markdown
✅ Implementation guides in correct category

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
2025-10-26 11:03:23 +13:00
..
activity-timeline.js fix(submissions): restructure Economist package and fix article display 2025-10-24 08:47:42 +13:00
code-copy-button.js fix(submissions): restructure Economist package and fix article display 2025-10-24 08:47:42 +13:00
coming-soon-overlay.js fix(submissions): restructure Economist package and fix article display 2025-10-24 08:47:42 +13:00
currency-selector.js fix(submissions): restructure Economist package and fix article display 2025-10-24 08:47:42 +13:00
document-cards.js fix(docs): card overflow, sequencing, colour legend, and category fixes 2025-10-26 11:03:23 +13:00
document-viewer.js fix(submissions): restructure Economist package and fix article display 2025-10-24 08:47:42 +13:00
footer.js feat(crm): implement unified contact form system 2025-10-24 16:56:21 +13:00
interactive-diagram.js fix(architecture): interactive diagram SVG click handler timing issues 2025-10-24 18:22:15 +13:00
language-selector.js fix(submissions): restructure Economist package and fix article display 2025-10-24 08:47:42 +13:00
navbar-admin.js feat(crm): complete Phase 3 multi-project CRM + critical bug fixes 2025-10-24 18:10:14 +13:00
navbar.js fix(submissions): restructure Economist package and fix article display 2025-10-24 08:47:42 +13:00
pressure-chart.js fix(submissions): restructure Economist package and fix article display 2025-10-24 08:47:42 +13:00
toc.js fix(submissions): restructure Economist package and fix article display 2025-10-24 08:47:42 +13:00