Skip to content

Commit

Permalink
Fix progress bar
Browse files Browse the repository at this point in the history
  • Loading branch information
CTalvio authored May 27, 2024
1 parent 41ec342 commit 5fedfcd
Showing 1 changed file with 7 additions and 1 deletion.
8 changes: 7 additions & 1 deletion progress/floating.css
Original file line number Diff line number Diff line change
@@ -1,21 +1,25 @@

/*New progress bar*/
#indexPage .innerCardFooterClear,
.libraryPage .innerCardFooterClear,
#itemDetailPage .innerCardFooterClear {
background-color: transparent !important;
box-shadow: none;
}
#indexPage .itemProgressBarForeground,
.libraryPage .itemProgressBarForeground,
#itemDetailPage .itemProgressBarForeground,
#indexPage .itemProgressBar,
.libraryPage .itemProgressBar,
#itemDetailPage .itemProgressBar {
border-radius: var(--rounding);
}
#indexPage .itemProgressBarForeground,
.libraryPage .itemProgressBarForeground,
#itemDetailPage .itemProgressBarForeground {
background-color: rgba(var(--accent), 0.95) !important;
}
#indexPage .itemProgressBar,
.libraryPage .itemProgressBar,
#itemDetailPage .itemProgressBar {
height: 6px;
background: rgba(0,0,0,0.4);
Expand All @@ -24,12 +28,14 @@
/*Accommodate play button on mobile*/
@media all and (max-width: 100em){
#indexPage .itemProgressBar,
.libraryPage .itemProgressBar,
#itemDetailPage .itemProgressBar {
margin-right: 3.2em;
}
}
@supports (backdrop-filter: blur(15px)) {
#indexPage .itemProgressBar,
.libraryPage .itemProgressBar,
#itemDetailPage .itemProgressBar{
backdrop-filter: blur(4px);
background: rgba(0, 0, 0, 0.35) !important;
Expand Down

0 comments on commit 5fedfcd

Please sign in to comment.