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
This commit is contained in:
simurai
2015-07-18 20:05:28 +09:00
parent bb1fa7f4d6
commit 5236b72103

View File

@@ -17,6 +17,7 @@
.gutter {
overflow: hidden;
z-index: 0;
text-align: right;
cursor: default;
min-width: 1em;