mirror of
https://github.com/ajayyy/SponsorBlock.git
synced 2025-12-15 07:57:09 +03:00
Added better UI for nested chapters
This commit is contained in:
@@ -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>)
|
||||
*/
|
||||
|
||||
Reference in New Issue
Block a user