Hide individual filters scrollbar

Our contexture-react components have outdated layouts with negative margins and other brittle things which causes filters to overflow horizontally when scroll bars are shown. This PR hides them to prevent this from happening.
smartprocure · Apr 4, 2024 · f3e07ee · f3e07ee
1 parent dab6493
commit f3e07ee
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 0 deletions.
diff --git a/.changeset/popular-sheep-compare.md b/.changeset/popular-sheep-compare.md
@@ -0,0 +1,5 @@
+---
+'contexture-react': patch
+---
+
+Hide scrollbars from individual filters
diff --git a/packages/react/src/greyVest/Style.js b/packages/react/src/greyVest/Style.js
@@ -106,6 +106,13 @@ export default () => (
         overflow-y: auto;
         max-height: 80vh;
         transition: max-height .3s ease-in;
+        /* Gecko-based browsers */
+        scrollbar-width: none;
+      }
+
+      /* WebKit-based browsers */
+      .gv-expandable-body.expanded::-webkit-scrollbar {
+        display: none;
       }
 
       /* Table */