..F....... [ZBX-20458] fixed incorrect view of disabled range slider in firefox

* commit '32578f3a13df3949b43341cc9d77fadec54d9a22':
  ..F....... [ZBX-20458] added css files
  ..F....... [ZBX-20458] fixed incorrect view of disabled range slider in firefox
  ..F....... [ZBX-20458] fixed incorrect view of disabled range slider in firefox

(cherry picked from commit dfe214d6d4c7a5fed4f85ae7007f8753d46dba7d)

6 files changed, 7 insertions, 5 deletions

diff --git a/ChangeLog.d/bugfix/ZBX-20458 b/ChangeLog.d/bugfix/ZBX-20458
new file mode 100644
index 00000000000..51caa2d355e
--- /dev/null
+++ b/ChangeLog.d/bugfix/ZBX-20458
@@ -0,0 +1 @@
+..F....... [ZBX-20458] fixed incorrect view of disabled range slider in firefox (rdetlavs)
diff --git a/sass/stylesheets/sass/screen.scss b/sass/stylesheets/sass/screen.scss
index 0ac36c7868c..a8b64a57301 100644
--- a/sass/stylesheets/sass/screen.scss
+++ b/sass/stylesheets/sass/screen.scss
@@ -5619,7 +5619,8 @@ $range-input-width: 31px;
 		}
 
 		/* Special styling for WebKit/Blink */
-		&::-webkit-slider-thumb {
+		&::-webkit-slider-thumb,
+		&::-moz-range-thumb {
 			margin-top: 1px; /* You need to specify a margin in Chrome, but in Firefox and IE it is automatic */
 			height: $range-thumb-size;
 			width: $range-thumb-size;
diff --git a/ui/assets/styles/blue-theme.css b/ui/assets/styles/blue-theme.css
index 913043c8e32..cfbbcdc20f2 100644
--- a/ui/assets/styles/blue-theme.css
+++ b/ui/assets/styles/blue-theme.css
@@ -6381,7 +6381,7 @@ button.icon-action-command, button.icon-action-close, button.icon-action-msg, bu
     /* Special styling for WebKit/Blink */ }
     .range-control input[type=range]:focus {
       outline: none; }
-    .range-control input[type=range]::-webkit-slider-thumb {
+    .range-control input[type=range]::-webkit-slider-thumb, .range-control input[type=range]::-moz-range-thumb {
       margin-top: 1px;
       /* You need to specify a margin in Chrome, but in Firefox and IE it is automatic */
       height: 10px;
diff --git a/ui/assets/styles/dark-theme.css b/ui/assets/styles/dark-theme.css
index 814a3b29248..c10a02e0e61 100644
--- a/ui/assets/styles/dark-theme.css
+++ b/ui/assets/styles/dark-theme.css
@@ -6392,7 +6392,7 @@ button.icon-action-command, button.icon-action-close, button.icon-action-msg, bu
     /* Special styling for WebKit/Blink */ }
     .range-control input[type=range]:focus {
       outline: none; }
-    .range-control input[type=range]::-webkit-slider-thumb {
+    .range-control input[type=range]::-webkit-slider-thumb, .range-control input[type=range]::-moz-range-thumb {
       margin-top: 1px;
       /* You need to specify a margin in Chrome, but in Firefox and IE it is automatic */
       height: 10px;
diff --git a/ui/assets/styles/hc-dark.css b/ui/assets/styles/hc-dark.css
index 109097b67c0..e8c243e8f37 100644
--- a/ui/assets/styles/hc-dark.css
+++ b/ui/assets/styles/hc-dark.css
@@ -6338,7 +6338,7 @@ button.icon-action-command, button.icon-action-close, button.icon-action-msg, bu
     /* Special styling for WebKit/Blink */ }
     .range-control input[type=range]:focus {
       outline: none; }
-    .range-control input[type=range]::-webkit-slider-thumb {
+    .range-control input[type=range]::-webkit-slider-thumb, .range-control input[type=range]::-moz-range-thumb {
       margin-top: 1px;
       /* You need to specify a margin in Chrome, but in Firefox and IE it is automatic */
       height: 10px;
diff --git a/ui/assets/styles/hc-light.css b/ui/assets/styles/hc-light.css
index 91277e414ed..74d92a1d53e 100644
--- a/ui/assets/styles/hc-light.css
+++ b/ui/assets/styles/hc-light.css
@@ -6338,7 +6338,7 @@ button.icon-action-command, button.icon-action-close, button.icon-action-msg, bu
     /* Special styling for WebKit/Blink */ }
     .range-control input[type=range]:focus {
       outline: none; }
-    .range-control input[type=range]::-webkit-slider-thumb {
+    .range-control input[type=range]::-webkit-slider-thumb, .range-control input[type=range]::-moz-range-thumb {
       margin-top: 1px;
       /* You need to specify a margin in Chrome, but in Firefox and IE it is automatic */
       height: 10px;