From 99914601246604cd0a29d8d75e3354d019528945 Mon Sep 17 00:00:00 2001
From: Paul Kaplan <pkaplan@media.mit.edu>
Date: Tue, 19 Jun 2018 16:20:51 -0400
Subject: [PATCH] Hide category scrollbar for blocks

---
 src/components/blocks/blocks.css | 12 ++++++++++++
 1 file changed, 12 insertions(+)

diff --git a/src/components/blocks/blocks.css b/src/components/blocks/blocks.css
index 72baf3531..5f738b196 100644
--- a/src/components/blocks/blocks.css
+++ b/src/components/blocks/blocks.css
@@ -21,6 +21,18 @@
     border-bottom: 1px solid $ui-black-transparent;
     box-sizing: content-box;
     height: calc(100% - 3.25rem) !important;
+
+    /*
+        For now, the layout cannot support scrollbars in the category menu.
+        The line below works for Edge, the `::-webkit-scrollbar` line
+        below that is for webkit browsers. It isn't possible to do the
+        same for Firefox, so a different solution may be needed for them.
+    */
+    -ms-overflow-style: none;
+}
+
+.blocks :global(.blocklyToolboxDiv::-webkit-scrollbar) {
+    display: none;
 }
 
 .blocks :global(.blocklyFlyout) {
-- 
GitLab