Merge pull request #9506 from adobe/larz/issue-9377

Forcing GPU mode for better CSS Filter rendering on Retina.
adobe · Oct 20, 2014 · 97b5031 · 97b5031
2 parents 479c423 + 9af053c
commit 97b5031
Showing 1 changed file with 2 additions and 0 deletions.
diff --git a/src/styles/brackets.less b/src/styles/brackets.less
@@ -749,6 +749,8 @@ a, img {
     padding: 4px 6px;
     .sprite-icon(0, 0, 13px, 13px, "images/split-view-icons.svg");
     background-origin: content-box;  // center image within the 13x13 area - ignore button's padding
+    -webkit-transform: translateZ(0); // forces GPU mode for better filter rendering on retina
+    transform: translateZ(0); // future proofing
     -webkit-filter: drop-shadow(0 1px 0 rgba(0,0,0,0.36));
     z-index: 1;
 }