Refactor segment expanding to use <details>

This commit is contained in:
Alec Rust
2022-03-12 11:57:15 +00:00
parent 6bb265939a
commit ced30c711e
2 changed files with 29 additions and 31 deletions

View File

@@ -79,18 +79,26 @@
}
/*
* Individual segments (<button> elements)
* <details> wrapper around each segment
*/
.segmentTimeButton {
background: transparent;
border: 0;
.votingButtons[open] {
padding-bottom: 5px;
}
.votingButtons:hover {
background-color: var(--sb-grey-bg-color);
}
/*
* Individual segments summaries (clickable <summary>)
*/
.segmentSummary {
cursor: pointer;
color: var(--sb-main-fg-color);
font-weight: bold;
padding: 7px;
outline: none;
width: 100%;
list-style: none;
white-space: nowrap;
}
@@ -501,7 +509,3 @@
#sponsorBlockPopupBody .hidden {
display: none !important;
}
.voteButtonsContainer--hide {
display: none;
}