diff options
| author | srichman333 <sarah_n_richman@brown.edu> | 2023-06-27 17:54:08 -0400 |
|---|---|---|
| committer | srichman333 <sarah_n_richman@brown.edu> | 2023-06-27 17:54:08 -0400 |
| commit | b0fa926fdb99e9baae9a76317ef58ba9e8e52886 (patch) | |
| tree | a9e87b6486a4b049341711a8b4f59c8a7ba8845b /src/client/views/DocumentDecorations.tsx | |
| parent | aaa3f3d9e1a0803fec6243b3253197f18a8b66d4 (diff) | |
DocumentDecorations UI fix for layout checkbox and when theres no title
Diffstat (limited to 'src/client/views/DocumentDecorations.tsx')
| -rw-r--r-- | src/client/views/DocumentDecorations.tsx | 10 |
1 files changed, 5 insertions, 5 deletions
diff --git a/src/client/views/DocumentDecorations.tsx b/src/client/views/DocumentDecorations.tsx index 3b51f8c61..4da6bd697 100644 --- a/src/client/views/DocumentDecorations.tsx +++ b/src/client/views/DocumentDecorations.tsx @@ -829,8 +829,8 @@ export class DocumentDecorations extends React.Component<{ PanelWidth: number; P <div className='documentDecorations-share' > <div className={`documentDecorations-share${shareMode}`}> - <span>{shareSymbolIcon + ' ' + shareMode}</span> - + {shareSymbolIcon + ' ' + shareMode} + <div className='checkbox'> <div className='checkbox-box'> <input type="checkbox" checked={this.showLayoutAcl} onChange={action(() => (this.showLayoutAcl = !this.showLayoutAcl))} /> @@ -843,7 +843,7 @@ export class DocumentDecorations extends React.Component<{ PanelWidth: number; P ) : ( <div /> ); - + const titleArea = this._editingTitle ? ( <input ref={this._keyinput} @@ -859,7 +859,7 @@ export class DocumentDecorations extends React.Component<{ PanelWidth: number; P /> ) : ( <div className="documentDecorations-title" key="title" onPointerDown={e => {e.stopPropagation}}> - <span className={`documentDecorations-titleSpan${colorScheme}`} onPointerDown={this.onTitleDown}>{`${hideTitle ? '' : this.selectionTitle}`}</span> + { hideTitle ? null : <span className={`documentDecorations-titleSpan${colorScheme}`} onPointerDown={this.onTitleDown}>{this.selectionTitle}</span>} {sharingMenu} {!useLock ? null : ( <Tooltip key="lock" title={<div className="dash-tooltip">toggle ability to interact with document</div>} placement="top"> @@ -903,7 +903,7 @@ export class DocumentDecorations extends React.Component<{ PanelWidth: number; P <div className="documentDecorations-topbar" style={{ display: hideDeleteButton && hideTitle && hideOpenButton ? 'none' : undefined }} onPointerDown={this.onContainerDown}> {hideDeleteButton ? null : topBtn('close', 'times', undefined, e => this.onCloseClick(true), 'Close')} {hideResizers || hideDeleteButton ? null : topBtn('minimize', 'window-maximize', undefined, e => this.onCloseClick(undefined), 'Minimize')} - {hideTitle ? null : titleArea} + {titleArea} {hideOpenButton ? <div /> : topBtn('open', 'external-link-alt', this.onMaximizeDown, undefined, 'Open in Lightbox (ctrl: as alias, shift: in new collection)')} </div> {hideResizers ? null : ( |