chore(scrollbar): removed mask, added padding

Satellite-im · Apr 19, 2022 · 792f8b6 · 792f8b6
1 parent 66fa81e
commit 792f8b6
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 23 deletions.
diff --git a/components/ui/SimpleScroll/SimpleScroll.html b/components/ui/SimpleScroll/SimpleScroll.html
@@ -5,5 +5,4 @@
   <div class="wrapper">
     <slot />
   </div>
-  <div class="mask" />
 </div>
diff --git a/components/ui/SimpleScroll/SimpleScroll.less b/components/ui/SimpleScroll/SimpleScroll.less
@@ -9,20 +9,13 @@
     flex-direction: row;
 
     .wrapper {
-      width: calc(@full + @scroll-bar-size);
+      width: @full;
       height: @full;
+      padding-right: @scroll-bar-size;
+      box-sizing: border-box;
 
       @media only screen and (max-width: 1024px) {
-        width: calc(@full + @scroll-bar-size*2);
-      }
-    }
-
-    .mask {
-      pointer-events: none;
-      width: @scroll-bar-size;
-
-      @media only screen and (max-width: 1024px) {
-        width: @scroll-bar-size*2;
+        padding-right: @scroll-bar-size*2;
       }
     }
 
@@ -38,19 +31,12 @@
 
     .wrapper {
       width: @full;
-      height: calc(@full - @scroll-bar-size);
-
-      @media only screen and (max-width: 1024px) {
-        height: calc(@full - @scroll-bar-size*2);
-      }
-    }
-
-    .mask {
-      pointer-events: none;
-      height: @scroll-bar-size;
+      height: @full;
+      padding-bottom: @scroll-bar-size;
+      box-sizing: border-box;
 
       @media only screen and (max-width: 1024px) {
-        height: @scroll-bar-size*2;
+        padding-bottom: @scroll-bar-size*2;
       }
     }