From ee3a3406c639bffdc48bc0eefd7d7c5414771143 Mon Sep 17 00:00:00 2001 From: Benjamin Pasero Date: Fri, 15 Nov 2019 09:38:41 +0100 Subject: [PATCH] lcd - put tabs on their own layer to enable proper rendering --- .../parts/editor/media/editorgroupview.css | 15 +++++++++++++++ 1 file changed, 15 insertions(+) diff --git a/src/vs/workbench/browser/parts/editor/media/editorgroupview.css b/src/vs/workbench/browser/parts/editor/media/editorgroupview.css index 582eac233e2..15fb7042231 100644 --- a/src/vs/workbench/browser/parts/editor/media/editorgroupview.css +++ b/src/vs/workbench/browser/parts/editor/media/editorgroupview.css @@ -48,6 +48,21 @@ overflow: hidden; } +.monaco-workbench.windows .part.editor > .content .editor-group-container > .title, +.monaco-workbench.linux .part.editor > .content .editor-group-container > .title, +.monaco-workbench.web .part.editor > .content .editor-group-container > .title { + /* + * 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.editor > .content .editor-group-container > .title:not(.tabs) { display: flex; /* when tabs are not shown, use flex layout */ flex-wrap: nowrap; -- GitLab