diff options
| author | Geireann Lindfield Roberts <60007097+geireann@users.noreply.github.com> | 2020-10-26 02:03:16 +0800 |
|---|---|---|
| committer | Geireann Lindfield Roberts <60007097+geireann@users.noreply.github.com> | 2020-10-26 02:03:16 +0800 |
| commit | 6c1f48a0480e99525ef9fcfbcd77e33435f79882 (patch) | |
| tree | 68bbf98336808f6fd0e921437e37fdaa58a74c9e /src | |
| parent | 57d7db6b5dc20b22a450076965b938cf7dcd4bf2 (diff) | |
minor UI color change + reformatting
Diffstat (limited to 'src')
| -rw-r--r-- | src/client/views/PropertiesView.scss | 4 | ||||
| -rw-r--r-- | src/client/views/nodes/PresBox.tsx | 2 |
2 files changed, 4 insertions, 2 deletions
diff --git a/src/client/views/PropertiesView.scss b/src/client/views/PropertiesView.scss index ed3a82236..f6a2035dc 100644 --- a/src/client/views/PropertiesView.scss +++ b/src/client/views/PropertiesView.scss @@ -687,10 +687,12 @@ display: inline-flex; .propertiesView-selectedCount { - + width: max-content; + min-width: max-content; } .propertiesView-selectedList { + min-width: max-content; border-left: solid 1px darkgrey; margin-left: 10px; padding-left: 5px; diff --git a/src/client/views/nodes/PresBox.tsx b/src/client/views/nodes/PresBox.tsx index 67a3fce64..e83764048 100644 --- a/src/client/views/nodes/PresBox.tsx +++ b/src/client/views/nodes/PresBox.tsx @@ -2050,7 +2050,7 @@ export class PresBox extends ViewBoxBaseComponent<FieldViewProps, PresBoxSchema> const presKeyEvents: boolean = (this.isPres && this._presKeyEventsActive && this.rootDoc === Doc.UserDoc().activePresentation); return CurrentUserUtils.OverlayDocs.includes(this.rootDoc) ? <div className="miniPres"> - <div className="presPanelOverlay" style={{ display: "inline-flex", height: 30, background: '#323232', top: 0, zIndex: 3000000, boxShadow: presKeyEvents ? '0 0 0px 3px #AEDDF8' : undefined }}> + <div className="presPanelOverlay" style={{ display: "inline-flex", height: 30, background: '#323232', top: 0, zIndex: 3000000, boxShadow: presKeyEvents ? '0 0 0px 3px ' + PresColors.DarkBlue : undefined }}> <Tooltip title={<><div className="dash-tooltip">{"Loop"}</div></>}><div className="presPanel-button" style={{ color: this.layoutDoc.presLoop ? PresColors.DarkBlue : undefined }} onClick={() => this.layoutDoc.presLoop = !this.layoutDoc.presLoop}><FontAwesomeIcon icon={"redo-alt"} /></div></Tooltip> <div className="presPanel-divider"></div> <div className="presPanel-button" onClick={() => { this.back(); if (this._presTimer) { clearTimeout(this._presTimer); this.layoutDoc.presStatus = PresStatus.Manual; } }}><FontAwesomeIcon icon={"arrow-left"} /></div> |