kstenhouse/Ultrachromic
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix progress bar

Browse Source
This commit is contained in:
Casper Talvio
2024-05-27 17:30:28 +03:00
committed by GitHub
parent 41ec342223
commit 5fedfcd3fe
1 changed files with 7 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
progress/floating.css
View File

@@ -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);
@@ -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;