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

New floating progress bar, glassy improvements

Browse Source
This commit is contained in:
CTalvio
2021-08-17 00:24:30 +03:00
parent 43db8c3c96
commit 1e8e4c1bb3
4 changed files with 69 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
bottombarprogress.css
View File

@@ -1,13 +1,11 @@
.itemProgressBar { #itemDetailPage .itemProgressBar,
height: 5px; #indexPage .itemProgressBar{
background: rgba(0,0,0,.5); height: 5px;
background: rgba(0, 0, 0, 0.45);
} }
.itemProgressBarForeground {
.playbackProgress>div, .itemProgressBarForeground { background-color: rgba(var(--accent),0.75);
background-color: rgba(var(--accent), 0.75) !important;
} }
.transcodingProgress > div {
.transcodingProgress>div { background-color: rgba(var(--accent), 0.35);
background-color: rgba(var(--accent), 0.35) !important;
} }

18
effects/glassy.css
View File

@@ -1,6 +1,22 @@
@supports (backdrop-filter: blur(15px)) { @supports (backdrop-filter: blur(15px)) {
.dialog, .mainDrawer, .toast, .appfooter { .dialog,
.mainDrawer,
.toast,
.appfooter {
backdrop-filter: blur(15px); backdrop-filter: blur(15px);
background-color: rgba(0, 0, 0, 0.35); background-color: rgba(0, 0, 0, 0.35);
} }
.paper-icon-button-light:hover,
#itemDetailPage .innerCardFooter,
#dashboardPage .backgroundProgress > div,
.cardOverlayButtonIcon {
backdrop-filter: blur(4px);
}
@media all and (max-width: 70em){
.cardOverlayButtonIcon {
background-color: rgba(0, 0, 0, 0.35) !important;
}
.indicator {
backdrop-filter: blur(2px);
}
} }

11
overlayprogress.css
View File

@@ -1,9 +1,12 @@
.itemProgressBar { #itemDetailPage .itemProgressBar,
#indexPage .itemProgressBar {
height: 2000em; height: 2000em;
background: #0000; background: #0000;
} }
.innerCardFooter.fullInnerCardFooter.innerCardFooterClear { .innerCardFooter.fullInnerCardFooter.innerCardFooterClear {
background: rgba(0,0,0,0); background: rgba(0,0,0,0);
margin: 0; margin: 0;
} }
.itemProgressBarForeground {
background-color: rgba(var(--accent), 0.35);
}

37
progress/floating.css Normal file
View File

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