Skip to content

Commit 5be198a

Browse files
authored
fix(docs): remove aggressive word-break CSS that splits words mid-syllable (#21068)
## Summary - Removes `word-break: break-all` from table cells which was breaking words at arbitrary characters (e.g., "to-kens", "sequenc-er", "del-egated") - Removes `table-layout: fixed` and arbitrary `min-width`/`max-width` column constraints that forced narrow columns - Keeps `overflow-wrap: break-word` which only breaks words that are genuinely too long (like hex addresses) ## Test plan - [ ] Verify the governance "Quick Summary for Token Holders" table no longer breaks words mid-syllable - [ ] Check tables with long content (e.g., contract addresses) still wrap correctly - [ ] Verify no horizontal overflow on narrow viewports 🤖 Generated with [Claude Code](https://claude.com/claude-code)
1 parent e7a0b8d commit 5be198a

1 file changed

Lines changed: 2 additions & 21 deletions

File tree

docs/src/css/custom.css

Lines changed: 2 additions & 21 deletions
Original file line numberDiff line numberDiff line change
@@ -538,37 +538,18 @@ html[data-theme="dark"] .sidebar-divider {
538538
Table Wrapping Styles for Long Content
539539
============================================ */
540540

541-
/* Force table layout and wrap long content like addresses */
541+
/* Allow long content like addresses to wrap in table cells */
542542
.markdown table {
543-
table-layout: fixed;
544543
width: 100%;
545-
word-break: break-word;
546544
}
547545

548-
/* Allow content in table cells to wrap */
549546
.markdown td, .markdown th {
550-
word-wrap: break-word;
551-
word-break: break-all;
552547
overflow-wrap: break-word;
553548
white-space: normal;
554549
}
555550

556-
/* Optional: Adjust column widths for specific tables */
557-
/* Contract address tables - give more space to address columns */
558-
.markdown table td:nth-child(n+2),
559-
.markdown table th:nth-child(n+2) {
560-
min-width: 200px;
561-
}
562-
563-
/* First column (contract names) can be narrower */
564-
.markdown table td:first-child,
565-
.markdown table th:first-child {
566-
min-width: 150px;
567-
max-width: 200px;
568-
}
569-
570551
/* Make code blocks in tables wrap */
571552
.markdown table code {
572-
word-break: break-all;
553+
overflow-wrap: break-word;
573554
white-space: normal;
574555
}

0 commit comments

Comments
 (0)