diff options
| author | bobzel <zzzman@gmail.com> | 2020-08-03 13:18:24 -0400 |
|---|---|---|
| committer | bobzel <zzzman@gmail.com> | 2020-08-03 13:18:24 -0400 |
| commit | 7ee8d49ea0d94a365289fe4248a7ee603d405315 (patch) | |
| tree | 91f088e0f21ad28b238295c90bc668b5295b563f /src/client/views | |
| parent | 89f19acdbf4a4aa81537b56665353b7c0d4c8e30 (diff) | |
reverted change so that icons highlight properly in side bar
Diffstat (limited to 'src/client/views')
| -rw-r--r-- | src/client/views/nodes/FontIconBox.tsx | 11 |
1 files changed, 6 insertions, 5 deletions
diff --git a/src/client/views/nodes/FontIconBox.tsx b/src/client/views/nodes/FontIconBox.tsx index 3561d22b6..85ce63321 100644 --- a/src/client/views/nodes/FontIconBox.tsx +++ b/src/client/views/nodes/FontIconBox.tsx @@ -66,11 +66,12 @@ export class FontIconBox extends DocComponent<FieldViewProps, FontIconDocument>( const shape = StrCast(this.layoutDoc.iconShape, "round"); const button = <> <button className={`menuButton-${shape}`} ref={this._ref} onContextMenu={this.specificContextMenu} - style={{ boxShadow: this.layoutDoc.ischecked ? `4px 4px 12px black` : undefined, }}> - {<FontAwesomeIcon className={`menuButton-icon-${shape}`} - icon={StrCast(this.dataDoc.icon, "user") as any} color={color} - size={this.layoutDoc.iconShape === "square" ? "sm" : "lg"} />} - {!label ? (null) : <div className="fontIconBox-label" style={{ color, backgroundColor }}> {label} </div>} + style={{ boxShadow: this.layoutDoc.ischecked ? `4px 4px 12px black` : undefined, backgroundColor }}> + <div className="menuButton-wrap"> + {<FontAwesomeIcon className={`menuButton-icon-${shape}`} icon={StrCast(this.dataDoc.icon, "user") as any} color={color} size="lg" />} + {!label ? (null) : <div className="fontIconBox-label" style={{ color, backgroundColor }}> {label} </div>} + </div> + </button> </>; return !this.layoutDoc.toolTip ? button : |