Added better UI for nested chapters

This commit is contained in:
gosha305
2025-09-14 14:24:55 +02:00
parent 06ead877b4
commit 233da8c449
2 changed files with 259 additions and 150 deletions

View File

@@ -197,9 +197,7 @@
* <details> wrapper around each segment
*/
.votingButtons {
font-family: Arial, Helvetica, sans-serif;
border-radius: 8px;
margin: 4px 16px;
}
.votingButtons[open] {
padding-bottom: 5px;
@@ -208,6 +206,29 @@
background-color: var(--sb-grey-bg-color);
}
/*
* Nested chapters
*/
.innerChapterList {
border-radius: 8px;
}
.innerChapterList > summary {
font-weight: bold;
padding: 4px;
cursor: pointer;
}
.segmentWrapper:has(> .innerChapterList > summary:hover) {
background-color: var(--sb-grey-bg-color);
}
.segmentWrapper{
font-family: Arial, Helvetica, sans-serif;
border-radius: 8px;
margin: 4px 16px;
}
/*
* Individual segments summaries (clickable <summary>)
*/