diff options
Diffstat (limited to 'src/client/views/collections')
| -rw-r--r-- | src/client/views/collections/CollectionLinearView.scss | 34 | ||||
| -rw-r--r-- | src/client/views/collections/CollectionLinearView.tsx | 32 |
2 files changed, 34 insertions, 32 deletions
diff --git a/src/client/views/collections/CollectionLinearView.scss b/src/client/views/collections/CollectionLinearView.scss index b3fc5f0e7..5ada79a28 100644 --- a/src/client/views/collections/CollectionLinearView.scss +++ b/src/client/views/collections/CollectionLinearView.scss @@ -10,18 +10,42 @@ height: 100%; >span { - //margin-top: 8px; - //margin-left: 4px; - //margin-bottom: 2px; background: $dark-color; color: $light-color; - //display: inline-block; border-radius: 18px; margin-right: 6px; - //height: 100%; cursor: pointer; } + .bottomPopup-background { + padding-right: 14px; + height: 35; + transform: translate3d(6px, 5px, 0px); + padding-top: 6.5px; + padding-bottom: 7px; + padding-left: 5px; + } + + .bottomPopup-text { + display: inline; + white-space: nowrap; + padding-left: 8px; + padding-right: 4px; + vertical-align: middle; + font-size: 12.5px; + } + + .bottomPopup-exit { + display: inline; + white-space: nowrap; + padding-left: 8px; + padding-right: 8px; + vertical-align: middle; + background-color: lightgrey; + border-radius: 5.5px; + color: black; + } + >label { margin-top: "auto"; margin-bottom: "auto"; diff --git a/src/client/views/collections/CollectionLinearView.tsx b/src/client/views/collections/CollectionLinearView.tsx index 7635dac24..7cbe5c19d 100644 --- a/src/client/views/collections/CollectionLinearView.tsx +++ b/src/client/views/collections/CollectionLinearView.tsx @@ -149,36 +149,14 @@ export class CollectionLinearView extends CollectionSubView(LinearDocument) { </div>; })} </div> - {DocumentLinksButton.StartLink ? <span style={{ - background: backgroundColor === color ? "black" : backgroundColor, - paddingRight: "14px", - height: "35", - transform: "translate3d(6px, 5px, 0px)", - paddingTop: "6.5px", - paddingBottom: "7px", - paddingLeft: "5px" + {DocumentLinksButton.StartLink ? <span className="bottomPopup-background" style={{ + background: backgroundColor === color ? "black" : backgroundColor }} onPointerDown={e => e.stopPropagation()} > - <span style={{ - display: "inline", - whiteSpace: "nowrap", - paddingLeft: "8px", - paddingRight: "4px", - verticalAlign: "middle", - fontSize: "12.5px" - }}> + <span className="bottomPopup-text" > Creating link from: {DocumentLinksButton.StartLink.title} </span> - <span onClick={this.exitLongLinks} - style={{ - display: "inline", - whiteSpace: "nowrap", - paddingLeft: "8px", - paddingRight: "8px", - verticalAlign: "middle", - backgroundColor: "lightgrey", - borderRadius: "5.5px", - color: "black" - }}>Exit</span> + <span className="bottomPopup-exit" onClick={this.exitLongLinks} + >Exit</span> {/* <FontAwesomeIcon icon="times-circle" size="lg" style={{ color: "red" }} onClick={this.exitLongLinks} /> */} |