Skip to content

Commit 02fa66b

Browse files
committed
Fix scrollbars doubling up
I'm disappointed that this CSS ever worked
1 parent 3c65986 commit 02fa66b

File tree

1 file changed

+11
-1
lines changed

1 file changed

+11
-1
lines changed

src/components/gui/gui.css

Lines changed: 11 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -34,7 +34,17 @@
3434
}
3535

3636
.editor-wrapper {
37-
flex-basis: 600px;
37+
/*
38+
This is carefully balanced-- the minimum width at which the GUI will be displayed is 1024px.
39+
At that size, the stage pane is 408px wide, with $space of padding to each side.
40+
However, we must also add the border width to the stage pane. All-in-all, the stage pane's final width is
41+
408px + ($space + $stage-standard-border-width * 2) (one border & padding per left/right side).
42+
43+
@todo This is in place to prevent "doubling up" of horizontal scrollbars in narrow windows, but there are likely
44+
much better ways to solve that (e.g. undo #2124, remove this flex-basis entirely). However, they run their own
45+
risks of breaking things, so let's just leave this as-is for the time being.
46+
*/
47+
flex-basis: calc(1024px - 408px - (($space + $stage-standard-border-width) * 2));
3848
flex-grow: 1;
3949
flex-shrink: 0;
4050
position: relative;

0 commit comments

Comments
 (0)