jens/flipper
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

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

Browse Source 
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
1 changed files with 26 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

50
desktop/app/src/App.tsx
View File

@@ -65,7 +65,7 @@ type DispatchProps = {
setActiveSheet: typeof setActiveSheet;
};
const MainContent = styled(FlexRow)({
const MainContent = styled(FlexColumn)({
height: 'calc(100vh - 38px)',
});
@@ -154,31 +154,33 @@ export class App extends React.Component<Props> {
return (
<FlexColumn grow={true}>
<TitleBar version={version} />
<DoctorBar />
<ErrorBar />
<Sheet>{this.getSheet}</Sheet>
<MainContent>
{this.props.leftSidebarVisible && <MainSidebar2 />}
<PluginContent>
{this.props.staticView != null ? (
React.createElement(this.props.staticView, {
logger: this.props.logger,
})
) : (
<PluginContainer logger={this.props.logger} />
)}
<div
id="flipper-out-of-contents-container"
style={{
display: 'none',
position: 'absolute',
right: 0,
bottom: 0,
left: 0,
top: 0,
}}
/>
</PluginContent>
<DoctorBar />
<ErrorBar />
<FlexRow grow scrollable>
{this.props.leftSidebarVisible && <MainSidebar2 />}
<PluginContent>
{this.props.staticView != null ? (
React.createElement(this.props.staticView, {
logger: this.props.logger,
})
) : (
<PluginContainer logger={this.props.logger} />
)}
<div
id="flipper-out-of-contents-container"
style={{
display: 'none',
position: 'absolute',
right: 0,
bottom: 0,
left: 0,
top: 0,
}}
/>
</PluginContent>
</FlexRow>
</MainContent>
<StatusBar />
</FlexColumn>