From 5236b7210380739a7eaddc49308ecf6fbee53776 Mon Sep 17 00:00:00 2001
From: simurai <simulus@gmail.com>
Date: Sat, 18 Jul 2015 20:05:28 +0900
Subject: [PATCH] Enable subpixel AA for tabs, status-bar etc.

Problem: The GPU layer added to the .gutter .tiles cause the surounding UI to also composite layers, like the tas or the status-bar. This disables subpixel anti-aliasing and text doesn't look that sharp.

Eventough the `.gutter` has `overflow: hidden`, it seems Chrome still thinks there is a chance of overlapping and thus creates the extra layers.

Solution: Creating an own stacking context for the `.gutter` seems to fix it.

Issue #7904
---
 static/text-editor-shadow.less | 1 +
 1 file changed, 1 insertion(+)

diff --git a/static/text-editor-shadow.less b/static/text-editor-shadow.less
index cb63b45b0..80dc4967b 100644
--- a/static/text-editor-shadow.less
+++ b/static/text-editor-shadow.less
@@ -17,6 +17,7 @@
 
 .gutter {
   overflow: hidden;
+  z-index: 0;
   text-align: right;
   cursor: default;
   min-width: 1em;