Skip to content
This repository has been archived by the owner on Sep 6, 2021. It is now read-only.

Forcing GPU mode for better CSS Filter rendering on Retina. #9506

Merged
merged 3 commits into from
Oct 20, 2014
Merged

Forcing GPU mode for better CSS Filter rendering on Retina. #9506

Changes from 1 commit
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
81024d4
Fix for #9377 and possible fix for #9486?
larz0 Oct 9, 2014
fd19705
Fixed typo.
Oct 9, 2014
9af053c
Added unprefixed transform, just in case.
Oct 9, 2014
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
1 change: 1 addition & 0 deletions src/styles/brackets.less
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -740,6 +740,7 @@ 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 rending on retina
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Typo: rending

Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

You are going to want to add an unprefixed version (transform: translateZ(0)) after this for multi-browser support, including Chrome 36.

Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Ok both done. Thanks guys.

-webkit-filter: drop-shadow(0 1px 0 rgba(0,0,0,0.36));
z-index: 1;
}
Expand Down