mirrors/jellyfin-web
1
0
Fork 0
mirror of https://github.com/jellyfin/jellyfin-web synced 2025-03-30 19:56:21 +00:00
Code Activity

Make slider in Firefox same as in Chrome

Browse source
This commit is contained in:
Dmitry Lyzo 2020-02-09 13:14:12 +03:00
parent cc84fce75b
commit c6835f9c41
2 changed files with 11 additions and 15 deletions
Download patch file Download diff file Expand all files Collapse all files

24
src/elements/emby-slider/emby-slider.css
View file

@ -45,17 +45,6 @@
background: transparent; background: transparent;
} }
.mdl-slider::-moz-range-track {
background: #444;
border: none;
width: calc(100% - 20px);
}
.mdl-slider::-moz-range-progress {
background: #00a4dc;
width: calc(100% - 20px);
}
.mdl-slider::-ms-track { .mdl-slider::-ms-track {
background: none; background: none;
color: transparent; color: transparent;
@ -108,14 +97,21 @@
.mdl-slider::-moz-range-thumb { .mdl-slider::-moz-range-thumb {
-moz-appearance: none; -moz-appearance: none;
width: 0.81em; width: 1.08em;
height: 0.81em; height: 1.08em;
box-sizing: border-box; box-sizing: border-box;
border-radius: 50%; border-radius: 50%;
background: #00a4dc; background: #00a4dc;
background-image: none; background-image: none;
border: none; border: none;
transform: scale(1.4, 1.4); }
.mdl-slider:hover::-moz-range-thumb {
transform: scale(1.3);
}
.mdl-slider.show-focus:focus::-moz-range-thumb {
transform: scale(1.3);
} }
.mdl-slider::-ms-thumb { .mdl-slider::-ms-thumb {

2
src/elements/emby-slider/emby-slider.js
View file

@ -3,7 +3,7 @@ define(['browser', 'dom', 'layoutManager', 'keyboardnavigation', 'css!./emby-sli
var EmbySliderPrototype = Object.create(HTMLInputElement.prototype); var EmbySliderPrototype = Object.create(HTMLInputElement.prototype);
var supportsNativeProgressStyle = browser.firefox; var supportsNativeProgressStyle = false;
var supportsValueSetOverride = false; var supportsValueSetOverride = false;
var enableWidthWithTransform; var enableWidthWithTransform;