From f85d4593539e844e114e04d65b70cc4ea18190a5 Mon Sep 17 00:00:00 2001 From: Henry Heino Date: Wed, 20 Sep 2023 16:36:07 -0700 Subject: [PATCH] Edge toolbar: Decrease maximum screen size for two-level toolbar --- packages/js-draw/src/toolbar/EdgeToolbar.scss | 11 +++++++++-- 1 file changed, 9 insertions(+), 2 deletions(-) diff --git a/packages/js-draw/src/toolbar/EdgeToolbar.scss b/packages/js-draw/src/toolbar/EdgeToolbar.scss index 8cec04032..b76f2363d 100644 --- a/packages/js-draw/src/toolbar/EdgeToolbar.scss +++ b/packages/js-draw/src/toolbar/EdgeToolbar.scss @@ -118,7 +118,7 @@ box-sizing: border-box; // Don't allow multiple lines when over a certain width (prefer scrolling) - @media screen and (min-width: 610px) { + @media screen and (min-width: 540px) { flex-wrap: nowrap; > .toolbar-action-row { @@ -131,7 +131,7 @@ &.one-row > * > .toolbar-toolContainer.label-inline { font-size: 0.9em; - .toolbar-button { + & > .toolbar-button { label { opacity: 0; @@ -145,6 +145,13 @@ } @include label-visible-on-hover(label); + + // Clear additional margins added because of the left/right side labels. + // (Repeat selector to increase specificity). + & > .toolbar-icon.toolbar-icon { + margin-left: 0; + margin-right: 0; + } } } }