fixed slider size for dropdown fonticonbox

1 files changed, 16 insertions, 18 deletions

diff --git a/src/client/views/nodes/button/FontIconBox.scss b/src/client/views/nodes/button/FontIconBox.scss
index 6cd56f84e..a1ca777b3 100644
--- a/src/client/views/nodes/button/FontIconBox.scss
+++ b/src/client/views/nodes/button/FontIconBox.scss
@@ -1,4 +1,4 @@
-@import "../../global/globalCssVariables";
+@import '../../global/globalCssVariables';
 
 .menuButton {
     height: 100%;
@@ -31,8 +31,6 @@
         text-transform: uppercase;
         font-weight: bold;
         transition: 0.15s;
-
-
     }
 
     .fontIconBox-icon {
@@ -106,31 +104,31 @@
                 right: 0;
                 bottom: 0;
                 background-color: lightgrey;
-                -webkit-transition: .4s;
-                transition: .4s;
+                -webkit-transition: 0.4s;
+                transition: 0.4s;
             }
 
             .slider:before {
                 position: absolute;
-                content: "";
+                content: '';
                 height: 21px;
                 width: 21px;
                 left: 2px;
                 bottom: 2px;
                 background-color: $white;
-                -webkit-transition: .4s;
-                transition: .4s;
+                -webkit-transition: 0.4s;
+                transition: 0.4s;
             }
 
-            input:checked+.slider {
+            input:checked + .slider {
                 background-color: $medium-blue;
             }
 
-            input:focus+.slider {
+            input:focus + .slider {
                 box-shadow: 0 0 1px $medium-blue;
             }
 
-            input:checked+.slider:before {
+            input:checked + .slider:before {
                 -webkit-transform: translateX(26px);
                 -ms-transform: translateX(26px);
                 transform: translateX(26px);
@@ -197,8 +195,6 @@
         }
     }
 
-
-
     &.colorBtn,
     &.colorBtnLabel {
         color: black;
@@ -311,18 +307,21 @@
                 box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.3);
                 border-radius: $standard-border-radius;
 
-                input[type=range]::-webkit-slider-runnable-track {
+                .menu-slider {
+                    height: 10px;
+                }
+                input[type='range']::-webkit-slider-runnable-track {
                     background: gray;
                     height: 3px;
                 }
 
-                input[type=range]::-webkit-slider-thumb {
+                input[type='range']::-webkit-slider-thumb {
                     box-shadow: 1px 1px 1px #000000;
                     border: 1px solid #000000;
                     height: 10px;
                     width: 10px;
                     border-radius: 5px;
-                    background: #FFFFFF;
+                    background: #ffffff;
                     cursor: pointer;
                     -webkit-appearance: none;
                     margin-top: -4px;
@@ -456,5 +455,4 @@
         background: transparent;
         position: fixed;
     }
-
-}
\ No newline at end of file
+}