Commit 483c269d authored by Alex Danilo's avatar Alex Danilo Committed by Commit Bot

Fix blurry icons for devicePixelRatio 1.5

When files are in selection mode, the icons on the action bar
use scaled bitmaps, originally supplied as 1x and 2x assets.
Zooming the window also blurs the edges due to scaling.
Replaced the PNGs for these icons with SVG files.

Change-Id: Id3b31d6ce909f7da5839916271c48f93e7a23bd0
Bug: 793382
Test: Manually inspect and zoom window and check for blur
Reviewed-on: https://chromium-review.googlesource.com/c/1343401Reviewed-by: default avatarNoel Gordon <noel@chromium.org>
Commit-Queue: Alex Danilo <adanilo@chromium.org>
Cr-Commit-Position: refs/heads/master@{#609598}
parent 72e0eeb7
...@@ -381,9 +381,7 @@ body.check-select #search-button > .icon { ...@@ -381,9 +381,7 @@ body.check-select #search-button > .icon {
} }
body.check-select #share-menu-button > .icon { body.check-select #share-menu-button > .icon {
background-image: -webkit-image-set( background-image: url(../images/files/ui/share.svg);
url(../images/files/ui/share.png) 1x,
url(../images/files/ui/2x/share.png) 2x);
} }
#delete-button > .icon { #delete-button > .icon {
...@@ -393,9 +391,7 @@ body.check-select #share-menu-button > .icon { ...@@ -393,9 +391,7 @@ body.check-select #share-menu-button > .icon {
} }
body.check-select #delete-button > .icon { body.check-select #delete-button > .icon {
background-image: -webkit-image-set( background-image: url(../images/files/ui/delete.svg);
url(../images/files/ui/delete.png) 1x,
url(../images/files/ui/2x/delete.png) 2x);
} }
#view-button > .icon { #view-button > .icon {
...@@ -445,9 +441,7 @@ body.check-select #gear-button { ...@@ -445,9 +441,7 @@ body.check-select #gear-button {
} }
#selection-menu-button > .icon { #selection-menu-button > .icon {
background-image: -webkit-image-set( background-image: url(../images/files/ui/menu.svg);
url(../images/files/ui/menu.png) 1x,
url(../images/files/ui/2x/menu.png) 2x);
} }
body:not(.check-select) #selection-menu-button { body:not(.check-select) #selection-menu-button {
......
<svg xmlns="http://www.w3.org/2000/svg" width="20px" height="20px" viewBox="0 0 24 24" fill="#616161">
<path d="M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zM19 4h-3.5l-1-1h-5l-1 1H5v2h14V4z"/>
<path d="M0 0h24v24H0z" fill="none"/>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="20px" height="20px" viewBox="0 0 24 24" fill="#616161">
<path d="M0 0h24v24H0z" fill="none"/>
<path d="M12 8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z"/>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="20px" height="20px" viewBox="0 0 24 24" fill="#616161">
<path d="M0 0h24v24H0z" fill="none"/>
<path d="M18 16.08c-.76 0-1.44.3-1.96.77L8.91 12.7c.05-.23.09-.46.09-.7s-.04-.47-.09-.7l7.05-4.11c.54.5 1.25.81 2.04.81 1.66 0 3-1.34 3-3s-1.34-3-3-3-3 1.34-3 3c0 .24.04.47.09.7L8.04 9.81C7.5 9.31 6.79 9 6 9c-1.66 0-3 1.34-3 3s1.34 3 3 3c.79 0 1.5-.31 2.04-.81l7.12 4.16c-.05.21-.08.43-.08.65 0 1.61 1.31 2.92 2.92 2.92 1.61 0 2.92-1.31 2.92-2.92s-1.31-2.92-2.92-2.92z"/>
</svg>
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment