diff options
| author | bobzel <zzzman@gmail.com> | 2024-02-07 22:43:00 -0500 |
|---|---|---|
| committer | bobzel <zzzman@gmail.com> | 2024-02-07 22:43:00 -0500 |
| commit | 536cd22988407ab86099595daa4ffe4f054b2914 (patch) | |
| tree | a4613ab9f78ba017904b2eeb832b6935083fe6d7 /src/client/views/linking/LinkMenuItem.tsx | |
| parent | 5fa690804ebd0b915488530882564a241315ad09 (diff) | |
fixed icon placement in linkMenuItem.
Diffstat (limited to 'src/client/views/linking/LinkMenuItem.tsx')
| -rw-r--r-- | src/client/views/linking/LinkMenuItem.tsx | 14 |
1 files changed, 7 insertions, 7 deletions
diff --git a/src/client/views/linking/LinkMenuItem.tsx b/src/client/views/linking/LinkMenuItem.tsx index a44ad26cd..e694806a5 100644 --- a/src/client/views/linking/LinkMenuItem.tsx +++ b/src/client/views/linking/LinkMenuItem.tsx @@ -178,8 +178,13 @@ export class LinkMenuItem extends ObservableReactComponent<LinkMenuItemProps> { onPointerDown={this.onLinkButtonDown}> <div className="linkMenu-item-buttons"> <Tooltip title={<div className="dash-tooltip">Edit Link</div>}> - <div className="button" ref={this._editRef} onPointerDown={this.onEdit} onClick={e => e.stopPropagation()}> - <FontAwesomeIcon className="fa-icon" icon="edit" size="sm" /> + <div className="linkMenu-icon-wrapper" ref={this._editRef} onPointerDown={this.onEdit} onClick={e => e.stopPropagation()}> + <FontAwesomeIcon className="linkMenu-icon" icon="edit" size="sm" /> + </div> + </Tooltip> + <Tooltip title={<div className="dash-tooltip">Show/Hide Link</div>}> + <div title="click to show link" className="linkMenu-icon-wrapper" onPointerDown={this.onIconDown}> + <FontAwesomeIcon className="linkMenu-icon" icon={destinationIcon} size="sm" /> </div> </Tooltip> </div> @@ -206,11 +211,6 @@ export class LinkMenuItem extends ObservableReactComponent<LinkMenuItemProps> { </p> ) : null} <div className="linkMenu-title-wrapper"> - <Tooltip title={<div className="dash-tooltip">Show/Hide Link</div>}> - <div title="click to show link" className="destination-icon-wrapper" onPointerDown={this.onIconDown}> - <FontAwesomeIcon className="destination-icon" icon={destinationIcon} size="sm" /> - </div> - </Tooltip> <Tooltip title={<div className="dash-tooltip">Follow Link</div>}> <p className="linkMenu-destination-title"> {this._props.linkDoc.linksToAnnotation && Cast(this._props.destinationDoc.data, WebField)?.url.href === this._props.linkDoc.annotationUri ? 'Annotation in' : ''} {StrCast(title)} |