Bug 766617 - Use arrow image with shadow and proper density in Reader (r=mfinkle)

This commit is contained in:
Lucas Rocha 2012-06-22 16:04:22 +01:00
parent cd87df540b
commit 1b29f562bd
6 changed files with 16 additions and 5 deletions

View File

@ -247,10 +247,11 @@ body {
.dropdown-arrow { .dropdown-arrow {
position: absolute; position: absolute;
width: 28px; width: 40px;
height: 10px; height: 18px;
bottom: -10px; bottom: -18px;
background-image: url('chrome://browser/skin/images/reader-dropdown-arrow.png'); background-image: url('chrome://browser/skin/images/reader-dropdown-arrow-mdpi.png');
background-size: 40px 18px;
background-position: center; background-position: center;
display: block; display: block;
} }
@ -381,6 +382,10 @@ body {
} }
@media screen and (min-resolution: 200dpi) { @media screen and (min-resolution: 200dpi) {
.dropdown-arrow {
background-image: url('chrome://browser/skin/images/reader-dropdown-arrow-hdpi.png');
}
.step-control > .plus-button { .step-control > .plus-button {
background-image: url('chrome://browser/skin/images/reader-plus-icon-hdpi.png'); background-image: url('chrome://browser/skin/images/reader-plus-icon-hdpi.png');
} }
@ -391,6 +396,10 @@ body {
} }
@media screen and (min-resolution: 300dpi) { @media screen and (min-resolution: 300dpi) {
.dropdown-arrow {
background-image: url('chrome://browser/skin/images/reader-dropdown-arrow-xhdpi.png');
}
.step-control > .plus-button { .step-control > .plus-button {
background-image: url('chrome://browser/skin/images/reader-plus-icon-xhdpi.png'); background-image: url('chrome://browser/skin/images/reader-plus-icon-xhdpi.png');
} }

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.9 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.6 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.3 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 553 B

View File

@ -52,7 +52,6 @@ chrome.jar:
skin/images/row-bg-light.png (images/row-bg-light.png) skin/images/row-bg-light.png (images/row-bg-light.png)
skin/images/row-bg-normal.png (images/row-bg-normal.png) skin/images/row-bg-normal.png (images/row-bg-normal.png)
skin/images/addons-amo-hdpi.png (images/addons-amo-hdpi.png) skin/images/addons-amo-hdpi.png (images/addons-amo-hdpi.png)
skin/images/reader-dropdown-arrow.png (images/reader-dropdown-arrow.png)
skin/images/reader-light-bg.png (images/reader-light-bg.png) skin/images/reader-light-bg.png (images/reader-light-bg.png)
skin/images/reader-dark-bg.png (images/reader-dark-bg.png) skin/images/reader-dark-bg.png (images/reader-dark-bg.png)
skin/images/reader-sepia-bg.png (images/reader-sepia-bg.png) skin/images/reader-sepia-bg.png (images/reader-sepia-bg.png)
@ -62,6 +61,9 @@ chrome.jar:
skin/images/reader-minus-icon-mdpi.png (images/reader-minus-icon-mdpi.png) skin/images/reader-minus-icon-mdpi.png (images/reader-minus-icon-mdpi.png)
skin/images/reader-minus-icon-hdpi.png (images/reader-minus-icon-hdpi.png) skin/images/reader-minus-icon-hdpi.png (images/reader-minus-icon-hdpi.png)
skin/images/reader-minus-icon-xhdpi.png (images/reader-minus-icon-xhdpi.png) skin/images/reader-minus-icon-xhdpi.png (images/reader-minus-icon-xhdpi.png)
skin/images/reader-dropdown-arrow-mdpi.png (images/reader-dropdown-arrow-mdpi.png)
skin/images/reader-dropdown-arrow-hdpi.png (images/reader-dropdown-arrow-hdpi.png)
skin/images/reader-dropdown-arrow-xhdpi.png (images/reader-dropdown-arrow-xhdpi.png)
skin/images/reader-share-icon-port-mdpi.png (images/reader-share-icon-port-mdpi.png) skin/images/reader-share-icon-port-mdpi.png (images/reader-share-icon-port-mdpi.png)
skin/images/reader-share-icon-land-mdpi.png (images/reader-share-icon-land-mdpi.png) skin/images/reader-share-icon-land-mdpi.png (images/reader-share-icon-land-mdpi.png)
skin/images/reader-share-icon-xlarge-mdpi.png (images/reader-share-icon-xlarge-mdpi.png) skin/images/reader-share-icon-xlarge-mdpi.png (images/reader-share-icon-xlarge-mdpi.png)