Fix layout of the management app with the demo bar in place (#1267)

The banner in #1229 pushes the bottom bar items (including version &
“change server URL” button) out of view on Netlify builds.
This commit is contained in:
Jed Fox
2023-07-03 22:06:22 -04:00
committed by GitHub
parent 2ebea847c1
commit 953ff45085
2 changed files with 38 additions and 29 deletions

View File

@@ -94,42 +94,45 @@ class App extends Component {
return (
<ResponsiveProvider>
<div
key={hiddenScrollbars ? 'hidden-scrollbars' : 'scrollbars'}
{...css([
{
height: '100%',
backgroundColor: '#E8ECF0',
overflow: 'hidden',
},
styles.lightScrollbar,
])}
style={{ height: '100%', display: 'flex', flexDirection: 'column' }}
>
{process.env.REACT_APP_REVIEW_ID && <DevelopmentTopBar />}
{fatalError ? (
<>
<AppBackground />
<FatalError error={fatalError} buttonText="Restart app" />
</>
) : initializing ? (
<AppBackground
initializing={initializing}
loadingText={loadingText}
/>
) : budgetId ? (
<FinancesApp />
) : (
<>
<div
key={hiddenScrollbars ? 'hidden-scrollbars' : 'scrollbars'}
{...css([
{
flexGrow: 1,
backgroundColor: '#E8ECF0',
overflow: 'hidden',
},
styles.lightScrollbar,
])}
>
{fatalError ? (
<>
<AppBackground />
<FatalError error={fatalError} buttonText="Restart app" />
</>
) : initializing ? (
<AppBackground
initializing={initializing}
loadingText={loadingText}
/>
<ManagementApp isLoading={loadingText != null} />
</>
)}
) : budgetId ? (
<FinancesApp />
) : (
<>
<AppBackground
initializing={initializing}
loadingText={loadingText}
/>
<ManagementApp isLoading={loadingText != null} />
</>
)}
<UpdateNotification />
<MobileWebMessage />
<UpdateNotification />
<MobileWebMessage />
</div>
</div>
</ResponsiveProvider>
);

View File

@@ -0,0 +1,6 @@
---
category: Bugfix
authors: [j-f1]
---
Fix the “Change server” button being invisible on Netlify deploy previews