fix: Add extend draggable area for esl-scrollbar

exadel-inc · Dec 18, 2020 · 403cf33 · 403cf33
1 parent ca4a904
commit 403cf33
Showing 1 changed file with 10 additions and 0 deletions.
diff --git a/src/modules/esl-scrollbar/core/esl-scrollbar.less b/src/modules/esl-scrollbar/core/esl-scrollbar.less
@@ -4,6 +4,7 @@
     display: inline-block;
     position: absolute;
     cursor: default;
+    overflow: hidden;
 
     &[inactive] {
       visibility: hidden;
@@ -24,6 +25,15 @@
       cursor: pointer;
       border-radius: 3px;
       background: #b5b5b5;
+
+      &::after {
+        content: '';
+        position: absolute;
+        top: -5px;
+        left: -5px;
+        width: calc(~'100% + 10px');
+        height: calc(~'100% + 10px');
+      }
     }
 
     &[dragging] .scrollbar-thumb {