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