mark/muzak
2
0
Fork 0
Code Issues Pull Requests Activity

Media player updates

Browse Source 
Seek bar, volume bar, updated quota max
This commit is contained in:
Mark Hoekveen
2024-03-04 14:33:41 +01:00
parent ac8badc60e
commit 6f4da4046d
6 changed files with 171 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
playlist/static/style.css
+50 -1
View File
@@ -147,7 +147,11 @@ menu[role="tablist"] > li > a {
iframe {
opacity: 0;
position: fixed;
}
iframe.hide {
left: 100%;
}
/* Media player */
@@ -185,6 +189,32 @@ iframe {
height: 22px;
}
#seek::-moz-range-thumb {
background:transparent;
background-image: url(img/seek.svg);
width: 21px;
transform: none;
}
input[type="range"]#seek::-webkit-slider-thumb {
background:transparent;
background-image: url(img/seek.svg);
width: 21px;
transform: translateX(-5px) translateY(-4px);
}
input[type="range"]#seek::-webkit-slider-runnable-track{
height: 11px;
background: transparent;
box-shadow: 1px 0 0 white, 1px 1px 0 white, 0 1px 0 white, -1px 0 0 #461c1c, -1px -1px 0 #333, -1px 1px black, 1px -1px #a460a4
}
#seek::-moz-range-track {
height: 11px;
background: transparent;
box-shadow: 1px 0 0 white, 1px 1px 0 white, 0 1px 0 white, -1px 0 0 #461c1c, -1px -1px 0 #333, -1px 1px black, 1px -1px #a460a4
}
#media-control {
display:flex;
}
@@ -250,6 +280,25 @@ iframe {
background-image:url(img/eject.svg);
}
#media-control #volume {
background-image:url(img/volume.png);
background-repeat:no-repeat;
padding-left: 24px;
background-position: 0 50%;
max-width: 120px;
}
#volume::-moz-range-thumb {
background: transparent;
background-image:url(img/vol-select.svg);
}
input[type="range"]#volume::-webkit-slider-thumb {
background: transparent;
-webkit-appearance: none;
background-image:url(img/vol-select.svg);
}
/* Clippy */
#clippy {
position: fixed;
@@ -390,7 +439,7 @@ iframe {
.progress-indicator {
height: 26px;
padding: 4px 3px;
width: 360px;
width: 340px;
}
.field-row.settings label {