diff options
| author | bobzel <zzzman@gmail.com> | 2020-08-05 18:15:19 -0400 |
|---|---|---|
| committer | bobzel <zzzman@gmail.com> | 2020-08-05 18:15:19 -0400 |
| commit | af3e6b316f30c8154462145d15c38a2e48b53cdc (patch) | |
| tree | 9c885299da0701d01372727ca4e15fd799455d84 | |
| parent | 1c01a1579f279237e364b230d42518aa678e3dcf (diff) | |
fixed layout to deal with height of search bar.
| -rw-r--r-- | src/client/views/MainView.scss | 4 | ||||
| -rw-r--r-- | src/client/views/MainView.tsx | 4 |
2 files changed, 4 insertions, 4 deletions
diff --git a/src/client/views/MainView.scss b/src/client/views/MainView.scss index 35c135633..f3fba82bc 100644 --- a/src/client/views/MainView.scss +++ b/src/client/views/MainView.scss @@ -21,7 +21,7 @@ // add nodes menu. Note that the + button is actually an input label, not an actual button. .mainView-docButtons { position: absolute; - bottom: 20px; + bottom: 35px; left: calc(100% + 5px); z-index: 1; } @@ -157,7 +157,7 @@ width: 60px; background-color: #121721; - height: 100%; + height: calc(100% - 32px); //overflow-y: scroll; //overflow-x: hidden; diff --git a/src/client/views/MainView.tsx b/src/client/views/MainView.tsx index 7a4cb5759..b531ba0b8 100644 --- a/src/client/views/MainView.tsx +++ b/src/client/views/MainView.tsx @@ -398,7 +398,7 @@ export class MainView extends React.Component { TraceMobx(); const mainContainer = this.mainContainer; const width = this.flyoutWidth + this.propertiesWidth(); - return <div className="mainContent-div" onDrop={this.onDrop} style={{ width: `calc(100% - ${width}px)` }}> + return <div className="mainContent-div" onDrop={this.onDrop} style={{ width: `calc(100% - ${width}px)`, height: `calc(100% - 32px)` }}> {!mainContainer ? (null) : this.mainDocView} </div>; } @@ -443,7 +443,7 @@ export class MainView extends React.Component { @computed get flyout() { if (!this.sidebarContent) return null; return <div className="mainView-libraryFlyout"> - <div className="mainView-contentArea" style={{ position: "relative", height: `100%`, width: "100%", overflow: "visible" }}> + <div className="mainView-contentArea" style={{ position: "relative", height: `calc(100% - 32px)`, width: "100%", overflow: "visible" }}> {/* {this.flyoutWidth > 0 ? <div className="mainView-libraryFlyout-close" onPointerDown={this.closeFlyout}> <FontAwesomeIcon icon="times" color="black" size="lg" /> |