style(generator): hide scroll bar in webKit browser (#220)

jd-opensource · Jun 22, 2022 · 9b958e4 · 9b958e4
1 parent ef4c92f
commit 9b958e4
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 1 deletion.
diff --git a/packages/generator/src/components/LeftSideBar/index.module.css b/packages/generator/src/components/LeftSideBar/index.module.css
@@ -4,6 +4,10 @@
   width: calc(120px + 120px + 3.5rem);
 }
 
+.left::-webkit-scrollbar {
+  display: none;
+}
+
 .leftClose {
   width: calc(120px + 2.5rem);
   @apply transition-all flex-shrink-0 flex-grow-0;

diff --git a/packages/generator/src/components/RightSideBar/index.module.css b/packages/generator/src/components/RightSideBar/index.module.css
@@ -10,7 +10,10 @@
     }
     .drip-form-root {
       max-height: calc(100vh - 95px);
-      @apply pb-4 overflow-scroll;
+      @apply pb-4 overflow-y-scroll;
+    }
+    .drip-form-root::-webkit-scrollbar {
+      display: none;
     }
   }
 }

diff --git a/packages/generator/src/components/Viewport/index.module.css b/packages/generator/src/components/Viewport/index.module.css
@@ -3,6 +3,10 @@
   overflow: hidden scroll;
 }
 
+.viewport::-webkit-scrollbar {
+  display: none;
+}
+
 .formstyle {
   height: calc(100vh - 100px);
   @apply py-4 overflow-y-scroll overflow-x-hidden relative;