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

work on statediff styles

Browse Source
This commit is contained in:
sawka 2023-10-12 12:20:04 -07:00
parent 9d347ae08c
commit 84f60a21f9
2 changed files with 18 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/app/line/linecomps.tsx
View File

@ -704,9 +704,11 @@ class LineCmd extends React.Component<
>
<If condition={rsdiff == null || rsdiff == ""}>
<div className="cmd-rtnstate-label">state unchanged</div>
<div className="cmd-rtnstate-sep"></div>
</If>
<If condition={rsdiff != null && rsdiff != ""}>
<div className="cmd-rtnstate-label" style={{fontSize: rtnStateDiffSize-1}}>new state</div>
<div className="cmd-rtnstate-label">new state</div>
<div className="cmd-rtnstate-sep"></div>
<div className="cmd-rtnstate-diff" style={{fontSize: rtnStateDiffSize}}>{this.rtnStateDiff.get()}</div>
</If>
</div>

19
src/app/line/lines.less
View File

@ -132,22 +132,33 @@
.cmd-rtnstate-label {
font-family: @terminal-font;
position: relative;
font-size: 10px;
z-index: 2;
margin: 6px 0 -2px 10px;
padding: 2px 5px 2px 0px;
margin: 6px 0 2px 10px;
padding: 2px 5px 0px 5px;
display: inline-block;
font-size: 0.8em;
opacity: 0.5;
color: @term-white;
background-color: #151715;
}
.cmd-rtnstate-diff {
font-family: @terminal-font;
color: @term-white;
white-space: pre;
margin-left: 15px;
margin-left: 20px;
font-size: 11px;
line-height: 1.2;
}
.cmd-rtnstate-sep {
height: 1px;
border-bottom: 1px solid #333;
position: relative;
top: -10px;
width: min(300px, 50%);
margin-bottom: -4px;
}
}
}