added num range button

1 files changed, 19 insertions, 55 deletions

diff --git a/src/client/views/nodes/button/FontIconBox.scss b/src/client/views/nodes/button/FontIconBox.scss
index db42bdf5d..fef99ce83 100644
--- a/src/client/views/nodes/button/FontIconBox.scss
+++ b/src/client/views/nodes/button/FontIconBox.scss
@@ -8,10 +8,6 @@
     font-size: 80%;
     border-radius: $standard-border-radius;
 
-    &:hover {
-        background-color: rgba(0, 0, 0, 0.3) !important;
-    }
-
     .menuButton-wrap {
         grid-column: 1;
         justify-content: center;
@@ -43,6 +39,10 @@
     &.clickBtn {
         cursor: pointer;
         width: 40px;
+
+        &:hover {
+            background-color: rgba(0, 0, 0, 0.3) !important;
+        }
     }
 
     &.tglBtn {
@@ -52,6 +52,10 @@
             width: 50% !important;
             height: 50%;
         }
+
+        &:hover {
+            background-color: rgba(0, 0, 0, 0.3) !important;
+        }
     }
 
     &.toolBtn {
@@ -76,6 +80,8 @@
         }
     }
 
+
+
     &.colorBtn {
         color: black;
         cursor: pointer;
@@ -98,6 +104,10 @@
             box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.3);
             border-radius: 3px;
         }
+
+        &:hover {
+            background-color: rgba(0, 0, 0, 0.3) !important;
+        }
     }
 
     &.drpdownList {
@@ -116,6 +126,10 @@
         align-content: center;
         align-items: center;
 
+        &:hover {
+            background-color: rgba(0, 0, 0, 0.3) !important;
+        }
+
         .menuButton-dropdownList {
             position: absolute;
             width: 150px;
@@ -167,10 +181,8 @@
         justify-content: center;
         align-items: center;
         font-size: 15px;
-        /* background-color: #b9b9b9; */
         grid-column: 2;
         border-radius: 0px 7px 7px 0px;
-        /* position: absolute; */
         width: 13px;
         height: 100%;
         right: 0;
@@ -196,52 +208,4 @@
         position: fixed;
     }
 
-}
-
-
-// .fontIconBadge-container {
-//     position: absolute;
-//     z-index: 1000;
-//     top: 12px;
-
-//     .fontIconBadge {
-//         position: absolute;
-//         top: -10px;
-//         right: -10px;
-//         color: $white;
-//         background: $pink;
-//         font-weight: 300;
-//         border-radius: 100%;
-//         width: 25px;
-//         height: 25px;
-//         text-align: center;
-//         padding-top: 4px;
-//         font-size: 12px;
-//     }
-// }
-
-// .menuButton-circle,
-// .menuButton-round {
-//     border-radius: 100%;
-//     background-color: $dark-gray;
-//     padding: 0;
-
-//     .fontIconBox-label {
-//         z-index: 100;
-//         min-width: fit-content;
-//         bottom: 0;
-//         left: 0;
-//         width: 100%;
-//         /* justify-self: center; */
-//         border-radius: 0px;
-//         position: absolute;
-//     }
-
-
-
-//     &:hover {
-//         background-color: $light-gray;
-//     }
-
-
-// }
\ No newline at end of file
+}
\ No newline at end of file