Upstream/waveterm
1
0
Fork 0
mirror of https://github.com/wavetermdev/waveterm.git synced 2025-02-23 02:51:26 +01:00
Code Issues Packages Projects Releases Wiki Activity

tweak share-tag, link to settings

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
src/main.tsx
View File

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

15
src/sh2.less
View File

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