development/vscode
development/vscode
1
0
Fork 0
mirror of https://github.com/Microsoft/vscode synced 2024-10-12 22:37:41 +00:00
Code Issues Packages Projects Releases Wiki Activity

lcd rendering - put parts on their own GPU layer

Browse source
This commit is contained in:
Benjamin Pasero 2019-11-14 14:31:03 +01:00
parent 46a5e62853
commit dccaf037f3
4 changed files with 56 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

15
src/vs/workbench/browser/parts/activitybar/media/activitybarpart.css
View file

@ -7,6 +7,21 @@
width: 48px;
}
.monaco-workbench.windows .part.activitybar,
.monaco-workbench.linux .part.activitybar,
.monaco-workbench.web .part.activitybar {
/*
* Explicitly put the part onto its own layer to help Chrome to
* render the content with LCD-anti-aliasing. By partioning the
* workbench into multiple layers, we can ensure that a bad
* behaving part is not making another part fallback to greyscale
* rendering.
*
* macOS: does not render LCD-anti-aliased.
*/
transform: translate3d(0px, 0px, 0px);
}
.monaco-workbench .activitybar > .content {
height: 100%;
display: flex;

15
src/vs/workbench/browser/parts/panel/media/panelpart.css
View file

@ -12,6 +12,21 @@
z-index: initial;
}
.monaco-workbench.windows .part.panel,
.monaco-workbench.linux .part.panel,
.monaco-workbench.web .part.panel {
/*
* Explicitly put the part onto its own layer to help Chrome to
* render the content with LCD-anti-aliasing. By partioning the
* workbench into multiple layers, we can ensure that a bad
* behaving part is not making another part fallback to greyscale
* rendering.
*
* macOS: does not render LCD-anti-aliased.
*/
transform: translate3d(0px, 0px, 0px);
}
.monaco-workbench .part.panel .title {
height: 35px;
display: flex;

15
src/vs/workbench/browser/parts/statusbar/media/statusbarpart.css
View file

@ -13,6 +13,21 @@
overflow: visible;
}
.monaco-workbench.windows .part.statusbar,
.monaco-workbench.linux .part.statusbar,
.monaco-workbench.web .part.statusbar {
/*
* Explicitly put the part onto its own layer to help Chrome to
* render the content with LCD-anti-aliasing. By partioning the
* workbench into multiple layers, we can ensure that a bad
* behaving part is not making another part fallback to greyscale
* rendering.
*
* macOS: does not render LCD-anti-aliased.
*/
transform: translate3d(0px, 0px, 0px);
}
.monaco-workbench .part.statusbar.status-border-top::after {
content: '';
position: absolute;

12
src/vs/workbench/browser/parts/titlebar/media/titlebarpart.css
View file

@ -22,7 +22,17 @@
.monaco-workbench.windows .part.titlebar,
.monaco-workbench.linux .part.titlebar,
.monaco-workbench.web .part.titlebar {
/* put on own layer due to https://github.com/microsoft/vscode/issues/84806 */
/*
* Explicitly put the part onto its own layer to help Chrome to
* render the content with LCD-anti-aliasing. By partioning the
* workbench into multiple layers, we can ensure that a bad
* behaving part is not making another part fallback to greyscale
* rendering.
*
* macOS: does not render LCD-anti-aliased.
*
* Related: https://github.com/microsoft/vscode/issues/84806
*/
transform: translate3d(0px, 0px, 0px);
}