microsoft/vscode
1
0
Fork 0
mirror of https://github.com/microsoft/vscode.git synced 2026-04-29 13:36:27 -05:00
Code Issues Packages Projects Releases 177 Wiki Activity

Use setInterval/classes over animations for terminal cursor

Browse Source 
Part of #22900
This commit is contained in:
Daniel Imms
2017-04-03 15:28:32 -07:00
parent 32e4e575c0
commit b3ba6ce569
2 changed files with 12 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
npm-shrinkwrap.json generated
View File

@@ -442,7 +442,7 @@
"xterm": {
"version": "2.4.0",
"from": "Tyriar/xterm.js#vscode-release/1.11",
"resolved": "git+https://github.com/Tyriar/xterm.js.git#6ed94de1539d164e01a6cf04ada11792519b5080"
"resolved": "git+https://github.com/Tyriar/xterm.js.git#18edbf652e8453227f1f680b8eda3d17b7c1ecc3"
},
"yauzl": {
"version": "2.3.1",

37
src/vs/workbench/parts/terminal/electron-browser/media/xterm.css
View File

@@ -96,17 +96,10 @@
outline-offset: -1px;
}
.monaco-workbench .panel.integrated-terminal .xterm.xterm-cursor-blink:not(.xterm-cursor-style-underline):not(.xterm-cursor-style-bar).focus .terminal-cursor,
.monaco-workbench .panel.integrated-terminal .xterm.xterm-cursor-blink:not(.xterm-cursor-style-underline):not(.xterm-cursor-style-bar):focus .terminal-cursor {
animation: cursor-blink 1.2s infinite step-end;
}
@keyframes cursor-blink {
0% {}
50% {
background-color: transparent;
color: inherit;
}
.monaco-workbench .panel.integrated-terminal .xterm.xterm-cursor-blink-on:not(.xterm-cursor-style-underline):not(.xterm-cursor-style-bar).focus .terminal-cursor,
.monaco-workbench .panel.integrated-terminal .xterm.xterm-cursor-blink-on:not(.xterm-cursor-style-underline):not(.xterm-cursor-style-bar):focus .terminal-cursor {
background-color: transparent;
color: inherit;
}
.monaco-workbench .panel.integrated-terminal .xterm.xterm-cursor-style-bar .terminal-cursor,
@@ -140,29 +133,21 @@
right: 0;
height: 1px;
}
.monaco-workbench .panel.integrated-terminal .xterm.xterm-cursor-style-bar.focus.xterm-cursor-blink.xterm-cursor-blink-on .terminal-cursor::before,
.monaco-workbench .panel.integrated-terminal .xterm.xterm-cursor-style-underline.focus.xterm-cursor-blink.xterm-cursor-blink-on .terminal-cursor::before {
background-color: transparent;
}
.monaco-workbench .panel.integrated-terminal .xterm.xterm-cursor-style-bar.focus.xterm-cursor-blink .terminal-cursor::before,
.monaco-workbench .panel.integrated-terminal .xterm.xterm-cursor-style-underline.focus.xterm-cursor-blink .terminal-cursor::before {
animation: xterm-cursor-non-bar-blink 1.2s infinite step-end;
background-color: #333;
}
.vs-dark .monaco-workbench .panel.integrated-terminal .xterm.xterm-cursor-style-bar.focus.xterm-cursor-blink .terminal-cursor::before,
.vs-dark .monaco-workbench .panel.integrated-terminal .xterm.xterm-cursor-style-underline.focus.xterm-cursor-blink .terminal-cursor::before {
animation: xterm-cursor-non-bar-blink-dark 1.2s infinite step-end;
background-color: #ccc;
}
.hc-black .monaco-workbench .panel.integrated-terminal .xterm.xterm-cursor-style-bar.focus.xterm-cursor-blink .terminal-cursor::before,
.hc-black .monaco-workbench .panel.integrated-terminal .xterm.xterm-cursor-style-underline.focus.xterm-cursor-blink .terminal-cursor::before {
animation: xterm-cursor-non-bar-blink-hc-black 1.2s infinite step-end;
}
@keyframes xterm-cursor-non-bar-blink {
0% { background-color: #333; }
50% { background-color: transparent; }
}
@keyframes xterm-cursor-non-bar-blink-dark {
0% { background-color: #ccc; }
50% { background-color: transparent; }
}
@keyframes xterm-cursor-non-bar-blink-hc-black {
0% { background-color: #fff; }
50% { background-color: transparent; }
background-color: #fff;
}
.monaco-workbench .panel.integrated-terminal .xterm .xterm-viewport {