kennethnym/infinifi
1
0
Fork 0
Code Issues 2 Pull Requests 2 Actions Packages Projects Releases Wiki Activity

fix: volume slider style on firefox

Browse Source
This commit is contained in:
Kenneth
2024-07-22 00:04:49 +01:00
parent abcfd50c8e
commit a39a70451f
1 changed files with 29 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
web/style.css
View File

@@ -139,6 +139,7 @@ main {
@media screen and (-webkit-min-device-pixel-ratio: 0) { @media screen and (-webkit-min-device-pixel-ratio: 0) {
input[type="range"] { input[type="range"] {
overflow: hidden; overflow: hidden;
height: var(--range-height);
-webkit-appearance: none; -webkit-appearance: none;
border: 2px solid var(--text); border: 2px solid var(--text);
background-color: var(--base); background-color: var(--base);
@@ -160,6 +161,34 @@ main {
} }
} }
input[type="range"]::-moz-range-progress {
border: none;
height: var(--range-height);
background-color: var(--range-accent);
}
input[type="range"]::-moz-range-track {
border: none;
background-color: var(--base);
}
input[type="range"]::-moz-range-thumb {
appearance: none;
border: none;
border-radius: 0;
width: var(--range-height);
height: var(--range-height);
background-color: var(--text);
}
/* IE*/
input[type="range"]::-ms-fill-lower {
background-color: var(--range-accent);
}
input[type="range"]::-ms-fill-upper {
background-color: var(--base);
}
.button { .button {
border: 2px solid var(--text); border: 2px solid var(--text);
background: var(--base); background: var(--base);