ovosimpatico/Ultrachromic
1
0
Fork 0
mirror of https://github.com/CTalvio/Ultrachromic synced 2026-01-15 13:52:53 -03:00
Code Issues 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*/ /*New progress bar*/
#indexPage .innerCardFooterClear, #indexPage .innerCardFooterClear,
.libraryPage .innerCardFooterClear,
#itemDetailPage .innerCardFooterClear { #itemDetailPage .innerCardFooterClear {
background-color: transparent !important; background-color: transparent !important;
box-shadow: none; box-shadow: none;
} }
#indexPage .itemProgressBarForeground, #indexPage .itemProgressBarForeground,
.libraryPage .itemProgressBarForeground,
#itemDetailPage .itemProgressBarForeground, #itemDetailPage .itemProgressBarForeground,
#indexPage .itemProgressBar, #indexPage .itemProgressBar,
.libraryPage .itemProgressBar,
#itemDetailPage .itemProgressBar { #itemDetailPage .itemProgressBar {
border-radius: var(--rounding); border-radius: var(--rounding);
} }
#indexPage .itemProgressBarForeground, #indexPage .itemProgressBarForeground,
.libraryPage .itemProgressBarForeground,
#itemDetailPage .itemProgressBarForeground { #itemDetailPage .itemProgressBarForeground {
background-color: rgba(var(--accent), 0.95) !important; background-color: rgba(var(--accent), 0.95) !important;
} }
#indexPage .itemProgressBar, #indexPage .itemProgressBar,
.libraryPage .itemProgressBar,
#itemDetailPage .itemProgressBar { #itemDetailPage .itemProgressBar {
height: 6px; height: 6px;
background: rgba(0,0,0,0.4); background: rgba(0,0,0,0.4);
@@ -24,12 +28,14 @@
/*Accommodate play button on mobile*/ /*Accommodate play button on mobile*/
@media all and (max-width: 100em){ @media all and (max-width: 100em){
#indexPage .itemProgressBar, #indexPage .itemProgressBar,
.libraryPage .itemProgressBar,
#itemDetailPage .itemProgressBar { #itemDetailPage .itemProgressBar {
margin-right: 3.2em; margin-right: 3.2em;
} }
} }
@supports (backdrop-filter: blur(15px)) { @supports (backdrop-filter: blur(15px)) {
#indexPage .itemProgressBar, #indexPage .itemProgressBar,
.libraryPage .itemProgressBar,
#itemDetailPage .itemProgressBar{ #itemDetailPage .itemProgressBar{
backdrop-filter: blur(4px); backdrop-filter: blur(4px);
background: rgba(0, 0, 0, 0.35) !important; background: rgba(0, 0, 0, 0.35) !important;