Solve the issue where the bottom view of Sidebar was pushed down

Summary: This fixes the issue raised [here](https://fb.workplace.com/groups/flippersupport/permalink/911822855965040/).

Reviewed By: nikoant

Differential Revision: D22411617

fbshipit-source-id: ca1078bf418532863823fb3748e9edea4526cbc2
This commit is contained in:
Pritesh Nandgaonkar
2020-07-07 08:39:45 -07:00
committed by Facebook GitHub Bot
parent 8c33c17bbc
commit 2ce65c1b3c

View File

@@ -65,7 +65,7 @@ type DispatchProps = {
setActiveSheet: typeof setActiveSheet; setActiveSheet: typeof setActiveSheet;
}; };
const MainContent = styled(FlexRow)({ const MainContent = styled(FlexColumn)({
height: 'calc(100vh - 38px)', height: 'calc(100vh - 38px)',
}); });
@@ -154,10 +154,11 @@ export class App extends React.Component<Props> {
return ( return (
<FlexColumn grow={true}> <FlexColumn grow={true}>
<TitleBar version={version} /> <TitleBar version={version} />
<DoctorBar />
<ErrorBar />
<Sheet>{this.getSheet}</Sheet> <Sheet>{this.getSheet}</Sheet>
<MainContent> <MainContent>
<DoctorBar />
<ErrorBar />
<FlexRow grow scrollable>
{this.props.leftSidebarVisible && <MainSidebar2 />} {this.props.leftSidebarVisible && <MainSidebar2 />}
<PluginContent> <PluginContent>
{this.props.staticView != null ? ( {this.props.staticView != null ? (
@@ -179,6 +180,7 @@ export class App extends React.Component<Props> {
}} }}
/> />
</PluginContent> </PluginContent>
</FlexRow>
</MainContent> </MainContent>
<StatusBar /> <StatusBar />
</FlexColumn> </FlexColumn>