diff options
Diffstat (limited to 'public/popup.css')
-rw-r--r-- | public/popup.css | 87 |
1 files changed, 81 insertions, 6 deletions
diff --git a/public/popup.css b/public/popup.css index f314ae03..e2494158 100644 --- a/public/popup.css +++ b/public/popup.css @@ -152,22 +152,46 @@ margin: 8px; } -/* - * Refresh segments button - */ #refreshSegmentsButton { display: flex; align-items: center; + padding: 5px; + margin: 5px auto; +} + +#issueReporterImportExport { + position: relative; +} + +#refreshSegmentsButton, #issueReporterImportExport button { background: transparent; border-radius: 50%; - margin: 5px auto; border: none; - padding: 5px; } -#refreshSegmentsButton:hover { + +#refreshSegmentsButton:hover, #issueReporterImportExport button:hover { background-color: var(--sb-grey-bg-color); } +#issueReporterImportExport button { + padding: 5px; + margin-right: 15px; + margin-left: 15px; +} + +#issueReporterImportExport img { + width: 24px; + display: block; +} + +#importSegmentsText { + margin-top: 7px; +} + +#importSegmentsMenu button { + padding: 10px; +} + /* * <details> wrapper around each segment */ @@ -199,6 +223,15 @@ .segmentSummary > div { text-align: left; } + +.segmentActive { + color: #bdfffb; +} + +.segmentPassed { + color: #adadad; +} + /* * Category dot in segment */ @@ -560,3 +593,45 @@ margin-bottom: 20px; padding: 5px; } + +#sponsorBlockPopupBody .u-mZ { + margin: 0 !important; +} + +#sponsorBlockPopupBody .hidden { + display: none !important; +} + +#issueReporterTabs { + margin: 5px; +} + +#issueReporterTabs > span { + padding: 2px 4px; + margin: 0 3px; + cursor: pointer; + background-color: #444848; + border-radius: 10px; +} + +#issueReporterTabs > span > span { + position: relative; + padding: 0.2em 0; +} + +#issueReporterTabs > span > span::after { + content: ''; + position: absolute; + bottom: 0; + left: 0; + width: 100%; + height: 0.1em; + background-color: rgb(145, 0, 0); + transition: transform 300ms; + transform: scaleX(0); + transform-origin: center; +} + +#issueReporterTabs > span.sbSelected > span::after { + transform: scaleX(0.8); +}
\ No newline at end of file |