Merge 12fb4f5 into 720bf2c

Rello · Jul 30, 2020 · f176840 · f176840
2 parents 720bf2c + 12fb4f5
commit f176840
Show file tree

Hide file tree

Showing 2 changed files with 66 additions and 2 deletions.
diff --git a/css/style.css b/css/style.css
@@ -840,7 +840,7 @@ input[type=range].volume-slider:focus {
     outline: none;
 }
 
-input[type=range].volume-slider::-webkit-slider-runnable-track {
+input[type=range].volume-slider::-webkit-slider-runnable-track, input[type=range].volume-slider::-moz-range-track {
     width: 100%;
     height: 8px;
     cursor: pointer;
@@ -859,6 +859,38 @@ input[type=range].volume-slider::-webkit-slider-thumb {
     margin-top: -3px;
 }
 
+input[type=range].volume-slider::-moz-range-thumb {
+    border: 1px solid var(--color-border-dark);
+    height: 14px;
+    width: 14px;
+    border-radius: 7px;
+    background: var(--color-main-background);
+    cursor: pointer;
+}
+
+input[type=range].volume-slider::-ms-track {
+    width: 100%;
+    height: 8px;
+    cursor: pointer;
+    background: transparent;
+    border-color: transparent;
+    color: transparent;
+}
+
+input[type=range].volume-slider::-ms-fill-lower, input[type=range].volume-slider::-ms-fill-upper {
+    background: #ededed;
+    border-radius: 3px;
+}
+
+input[type=range].volume-slider::-ms-thumb {
+    border: 1px solid #ededed;
+    height: 14px;
+    width: 14px;
+    border-radius: 7px;
+    background: #ffffff;
+    cursor: pointer;
+}
+
 .volume-slider {
     margin: 0;
     top: 3px !important;

diff --git a/css/style.scss b/css/style.scss
@@ -837,7 +837,7 @@ input[type=range].volume-slider:focus {
   outline: none;
 }
 
-input[type=range].volume-slider::-webkit-slider-runnable-track {
+input[type=range].volume-slider::-webkit-slider-runnable-track, input[type=range].volume-slider::-moz-range-track {
   width: 100%;
   height: 8px;
   cursor: pointer;
@@ -856,6 +856,38 @@ input[type=range].volume-slider::-webkit-slider-thumb {
   margin-top: -3px;
 }
 
+input[type=range].volume-slider::-moz-range-thumb {
+  border: 1px solid var(--color-border-dark);
+  height: 14px;
+  width: 14px;
+  border-radius: 7px;
+  background: var(--color-main-background);
+  cursor: pointer;
+}
+
+input[type=range].volume-slider::-ms-track {
+  width: 100%;
+  height: 8px;
+  cursor: pointer;
+  background: transparent;
+  border-color: transparent;
+  color: transparent;
+}
+
+input[type=range].volume-slider::-ms-fill-lower, input[type=range].volume-slider::-ms-fill-upper {
+  background: #ededed;
+  border-radius: 3px;
+}
+
+input[type=range].volume-slider::-ms-thumb {
+  border: 1px solid #ededed;
+  height: 14px;
+  width: 14px;
+  border-radius: 7px;
+  background: #ffffff;
+  cursor: pointer;
+}
+
 .volume-slider {
   margin: 0;
   top: 3px !important;