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:
34
src/main.css
34
src/main.css
@@ -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);
|
||||
|
||||
Reference in New Issue
Block a user