diff options
| author | Bob Zeleznik <zzzman@gmail.com> | 2019-10-14 16:48:20 -0400 |
|---|---|---|
| committer | Bob Zeleznik <zzzman@gmail.com> | 2019-10-14 16:48:20 -0400 |
| commit | 6b920e22fe502a752d6c3cc1d0ffa7657022a7ac (patch) | |
| tree | a3f5cd939b2e3fe35294084c2ada39800eabd851 | |
| parent | f72919c41ea4e918b315dd11cbae993518181b5b (diff) | |
fixed flyout / main content alignment
| -rw-r--r-- | src/client/views/MainView.tsx | 4 |
1 files changed, 3 insertions, 1 deletions
diff --git a/src/client/views/MainView.tsx b/src/client/views/MainView.tsx index 39585113b..209612a96 100644 --- a/src/client/views/MainView.tsx +++ b/src/client/views/MainView.tsx @@ -252,9 +252,11 @@ export class MainView extends React.Component { @computed get dockingContent() { const mainContainer = this.mainContainer; + let flyoutWidth = this.flyoutWidth; // bcz: need to be here because Measure messes with observables. + let flyoutTranslate = this._flyoutTranslate; return <Measure offset onResize={this.onResize}> {({ measureRef }) => - <div ref={measureRef} className="mainView-mainDiv" onDrop={this.onDrop}> + <div ref={measureRef} id="mainContent-div" style={{ width: `calc(100% - ${flyoutTranslate ? flyoutWidth : 0}px`, transform: `translate(${flyoutTranslate ? flyoutWidth : 0}px, 0px)` }} onDrop={this.onDrop}> {!mainContainer ? (null) : <DocumentView Document={mainContainer} DataDoc={undefined} |