github/docker-labs
1
0
Fork 0
mirror of https://github.com/bingohuang/docker-labs.git synced 2025-07-14 01:57:32 +08:00
Code Issues Releases Wiki Activity

Update style.css to use terminal-container (#74)

Browse Source 
* Update Xterm.js CSS to the latest version

Signed-off-by: Antonis Kalipetis <akalipetis@gmail.com>

* Update style.css to use terminal-container

The `.terminal` class was messing around xterm.js CSS rules, resulting in the cursor never being in a focused state.

Signed-off-by: Antonis Kalipetis <akalipetis@gmail.com>
This commit is contained in:
Antonis Kalipetis 2017-01-03 18:13:18 +02:00 committed by Marcos Nils
parent aa7aba1d5e
commit 1af2b3665f
3 changed files with 13 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
www/assets/style.css
View File

@ -4,21 +4,9 @@
background-color: rgba(158,158,158,0.2);
}
md-card-content.terminal {
background-color: rgb(113, 113, 113);
padding: 0;
}
.terminal {
background-color: rgb(113, 113, 113);
}
.terminal .xterm-viewport {
background-color: rgb(113, 113, 113);
}
.terminal .xterm-rows {
md-card-content.terminal-container {
background-color: #000;
padding: 0;
}
.clock {

10
www/assets/xterm.css
View File

@ -61,9 +61,14 @@
position: absolute;
opacity: 0;
left: -9999em;
top: 0;
width: 0;
height: 0;
z-index: -10;
/** Prevent wrapping so the IME appears against the textarea at the correct position */
white-space: nowrap;
overflow: hidden;
resize: none;
}
.terminal .terminal-cursor {
@ -117,6 +122,11 @@
top: 0;
}
.terminal .xterm-rows > div {
/* Lines containing spans and text nodes ocassionally wrap despite being the same width (#327) */
white-space: nowrap;
}
.terminal .xterm-scroll-area {
visibility: hidden;
}

2
www/index.html
View File

@ -100,7 +100,7 @@
</md-card-actions>
</md-card>
<md-card flex md-theme="default" md-theme-watch >
<md-card-content flex id="terminal-{{instance.name}}" class="terminal">
<md-card-content flex id="terminal-{{instance.name}}" class="terminal-container">
</md-card-content>
</md-card>
</md-content>