@@ -487,8 +488,8 @@ class CmdInput extends React.Component<{}, {}> {
diff --git a/src/sh2.less b/src/sh2.less
index 8c811672..fb9267ba 100644
--- a/src/sh2.less
+++ b/src/sh2.less
@@ -399,6 +399,11 @@ html, body, #main {
background-color: #555;
}
+ &.ephemeral {
+ opacity: 0.5;
+ outline: 1px solid white;
+ }
+
&.status-error {
.status-icon {
color: #cc0000;
@@ -467,13 +472,15 @@ body .xterm .xterm-viewport {
overflow-y: auto;
}
-.xterm-viewport::-webkit-scrollbar {
- background-color: #777;
- width: 5px;
-}
+.cmd-input-info, .xterm-viewport {
+ &::-webkit-scrollbar {
+ background-color: #777;
+ width: 5px;
+ }
-.xterm-viewport::-webkit-scrollbar-thumb {
- background: white;
+ &::-webkit-scrollbar-thumb {
+ background: white;
+ }
}
.line.line-invalid {
@@ -491,6 +498,10 @@ body .xterm .xterm-viewport {
padding-top: 10px;
padding-right: 0px;
flex-grow: 1;
+
+ .line:first-child {
+ padding-top: 1px;
+ }
}
.cmd-input {
@@ -499,6 +510,9 @@ body .xterm .xterm-viewport {
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
border-bottom-right-radius: 10px;
+ max-height: max(300px, 40%);
+ display: flex;
+ flex-direction: column;
&.has-info {
padding-top: 5px;
@@ -535,6 +549,9 @@ body .xterm .xterm-viewport {
}
.cmd-input-info {
+ flex-shrink: 1;
+ overflow-y: auto;
+
.info-msg {
font-family: 'JetBrains Mono', monospace;
font-weight: 400;
diff --git a/src/types.ts b/src/types.ts
index 64b46abd..27440b06 100644
--- a/src/types.ts
+++ b/src/types.ts
@@ -23,6 +23,7 @@ type LineType = {
linetype : string,
text : string,
cmdid : string,
+ ephemeral? : boolean,
remove? : boolean,
};