Skip to content

Commit

Permalink
Edge toolbar: Decrease maximum screen size for two-level toolbar
Browse files Browse the repository at this point in the history
  • Loading branch information
personalizedrefrigerator committed Sep 20, 2023
1 parent 6ee45cc commit f85d459
Showing 1 changed file with 9 additions and 2 deletions.
11 changes: 9 additions & 2 deletions packages/js-draw/src/toolbar/EdgeToolbar.scss
Original file line number Diff line number Diff line change
Expand Up @@ -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 {
Expand All @@ -131,7 +131,7 @@
&.one-row > * > .toolbar-toolContainer.label-inline {
font-size: 0.9em;

.toolbar-button {
& > .toolbar-button {
label {
opacity: 0;

Expand All @@ -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;
}
}
}
}
Expand Down

0 comments on commit f85d459

Please sign in to comment.