diff --git a/packages/scratch-gui/src/components/gui/gui.css b/packages/scratch-gui/src/components/gui/gui.css index 2002e5bb2a..671ded20cf 100644 --- a/packages/scratch-gui/src/components/gui/gui.css +++ b/packages/scratch-gui/src/components/gui/gui.css @@ -11,6 +11,10 @@ background-color: $ui-primary; } +.body-wrapper-without-menu-bar { + height: 100%; +} + .body-wrapper * { box-sizing: border-box; } diff --git a/packages/scratch-gui/src/components/gui/gui.jsx b/packages/scratch-gui/src/components/gui/gui.jsx index 5ca60fb42d..5cb9ad31c2 100644 --- a/packages/scratch-gui/src/components/gui/gui.jsx +++ b/packages/scratch-gui/src/components/gui/gui.jsx @@ -101,6 +101,7 @@ const GUIComponent = props => { isTotallyNormal, loading, logo, + menuBarHidden, renderLogin, onClickAbout, onClickAccountNav, @@ -174,6 +175,9 @@ const GUIComponent = props => { return ({isFullSize => { const stageSize = resolveStageSize(stageSizeMode, isFullSize); + const boxStyles = classNames(styles.bodyWrapper, { + [styles.bodyWrapperWithoutMenuBar]: menuBarHidden + }); return isPlayerOnly ? ( { onRequestClose={onRequestCloseBackdropLibrary} /> ) : null} - { userOwnsProject={userOwnsProject} username={username} accountMenuOptions={accountMenuOptions} - /> - + />} +