diff --git a/src/components/gui/gui.css b/src/components/gui/gui.css index 2d4188266..eeb3989a1 100644 --- a/src/components/gui/gui.css +++ b/src/components/gui/gui.css @@ -34,7 +34,17 @@ } .editor-wrapper { - flex-basis: 600px; + /* + This is carefully balanced-- the minimum width at which the GUI will be displayed is 1024px. + At that size, the stage pane is 408px wide, with $space of padding to each side. + However, we must also add the border width to the stage pane. All-in-all, the stage pane's final width is + 408px + ($space + $stage-standard-border-width * 2) (one border & padding per left/right side). + + @todo This is in place to prevent "doubling up" of horizontal scrollbars in narrow windows, but there are likely + much better ways to solve that (e.g. undo #2124, remove this flex-basis entirely). However, they run their own + risks of breaking things, so let's just leave this as-is for the time being. + */ + flex-basis: calc(1024px - 408px - (($space + $stage-standard-border-width) * 2)); flex-grow: 1; flex-shrink: 0; position: relative;