Revert "fix(SUP-43378): volume control bar issue" (#904)

Reverts #903
kaltura · Jul 10, 2024 · 3ec2143 · 3ec2143
1 parent c8d64d7
commit 3ec2143
Showing 1 changed file with 7 additions and 15 deletions.
diff --git a/src/components/volume/_volume.scss b/src/components/volume/_volume.scss
@@ -1,21 +1,12 @@
-@mixin hover {
-  display: block !important;
-  opacity: 1;
-  height: 112px;
-  padding: 6px;
-  &:before {
-    height: 14px;
-  }
-}
-
 .control-button-container {
   &.control-volume,
   &.volume-control {
     display: inline-block !important;
 
     &.hover {
       .volume-control-bar {
-        @include hover;
+        display: block !important;
+        opacity: 1;
       }
     }
 
@@ -37,7 +28,8 @@
 
     &.dragging-active {
       .volume-control-bar {
-        @include hover;
+        display: block;
+        opacity: 1;
       }
     }
 
@@ -74,18 +66,18 @@
   z-index: 2;
   bottom: 38px;
   left: 0;
-  height: 0px;
+  height: 112px;
   width: 34px;
   border-radius: 4px;
   box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.3);
   background-color: #333333;
-  padding: 0px;
+  padding: 6px;
   opacity: 0;
 
   &:before {
     position: absolute;
     width: 34px;
-    height: 0px;
+    height: 14px;
     bottom: -8px;
     left: 0;
     content: ' ';