feat: add collapsible reference tables for sections with >5 rows

- Tables with more than 5 rows now show first 5 with 'Show N more...' toggle
- Uses native <details>/<summary> for expand/collapse
- Keeps reference pages cleaner by reducing visual noise from long sections
- Box Model, Typography, Transitions now collapsed by default
This commit is contained in:
2026-01-15 17:42:03 +01:00
parent 01e75688a4
commit 8b8e5a19ad
2 changed files with 79 additions and 0 deletions

View File

@@ -2263,6 +2263,40 @@ input:checked + .toggle-slider::before {
color: var(--primary-dark);
}
/* Collapsible table rows */
.ref-table-more {
margin-top: -1px;
}
.ref-table-more summary {
padding: var(--spacing-sm) var(--spacing-md);
background: var(--hover-bg);
cursor: pointer;
font-size: 0.85rem;
color: var(--light-text);
border-radius: 0 0 var(--border-radius-md) var(--border-radius-md);
list-style: none;
text-align: center;
}
.ref-table-more summary::-webkit-details-marker {
display: none;
}
.ref-table-more summary:hover {
background: var(--border-color);
color: var(--text-color);
}
.ref-table-more[open] summary {
border-radius: 0;
}
.ref-table-continuation {
border-radius: 0 0 var(--border-radius-md) var(--border-radius-md);
margin-top: 0;
}
.ref-list {
background: var(--panel-bg);
border-radius: var(--border-radius-md);