tweak share-tag, link to settings

This commit is contained in:
sawka 2023-04-04 13:44:21 -07:00
parent 86ab25d6cd
commit f470b8e66f
2 changed files with 27 additions and 4 deletions

View File

@ -1091,6 +1091,14 @@ class ScreenWindowView extends React.Component<{screen : Screen}, {}> {
}, 600) }, 600)
} }
@boundMethod
openScreenSettings() : void {
let {screen} = this.props;
mobx.action(() => {
GlobalModel.screenSettingsModal.set({sessionId: screen.sessionId, screenId: screen.screenId});
})();
}
@boundMethod @boundMethod
buildLineComponent(lineProps : LineFactoryProps) : JSX.Element { buildLineComponent(lineProps : LineFactoryProps) : JSX.Element {
let {screen} = this.props; let {screen} = this.props;
@ -1141,7 +1149,7 @@ class ScreenWindowView extends React.Component<{screen : Screen}, {}> {
<If condition={this.shareCopied.get()}> <If condition={this.shareCopied.get()}>
<div className="copied-indicator"/> <div className="copied-indicator"/>
</If> </If>
<div><i title="archived" className="fa-sharp fa-solid fa-share-nodes"/> web shared</div> <div className="share-tag-title"><i title="archived" className="fa-sharp fa-solid fa-share-nodes"/> web shared</div>
<div className="share-tag-link"> <div className="share-tag-link">
<div className="button is-prompt-green is-outlined is-small" onClick={this.copyShareLink}> <div className="button is-prompt-green is-outlined is-small" onClick={this.copyShareLink}>
<span>copy link</span> <span>copy link</span>
@ -1149,6 +1157,12 @@ class ScreenWindowView extends React.Component<{screen : Screen}, {}> {
<i className="fa-sharp fa-solid fa-copy"/> <i className="fa-sharp fa-solid fa-copy"/>
</span> </span>
</div> </div>
<div className="button is-prompt-green is-outlined is-small" onClick={this.openScreenSettings}>
<span>open settings</span>
<span className="icon">
<i className="fa-sharp fa-solid fa-cog"/>
</span>
</div>
</div> </div>
</div> </div>
</If> </If>

View File

@ -142,7 +142,7 @@ body::-webkit-scrollbar {
padding: 2px 8px 2px 4px; padding: 2px 8px 2px 4px;
z-index: 11; z-index: 11;
font-size: 12px; font-size: 12px;
border-radius: 0 0 5px 5px; /* border-radius: 0 0 5px 5px; */
opacity: 0.8; opacity: 0.8;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@ -153,12 +153,21 @@ body::-webkit-scrollbar {
} }
&:hover { &:hover {
.share-tag-title {
font-size: 14px;
font-weight: bold;
}
opacity: 1.0; opacity: 1.0;
padding: 20px; padding: 20px;
width: 150px; width: 250px;
border: 1px solid #ccc;
border-top: 0;
.share-tag-link { .share-tag-link {
display: block; display: flex;
flex-direction: row;
align-items: center;
gap: 10px;
} }
} }
} }