Unified Diff: chrome/skin/overlay.css
Issue 29345731:
Issue 4142 - Update ABP icon in FF toolbar to support for high resolution screens (Closed)
Patch Set:
Created June 9, 2016, 2:27 p.m.
Use n/p to move between diff chunks;
N/P to move between comments.
« no previous file with comments
|
« no previous file
|
no next file »
|
no next file with comments »
Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')
Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')
| Index: chrome/skin/overlay.css |
| =================================================================== |
| --- a/chrome/skin/overlay.css |
| +++ b/chrome/skin/overlay.css |
| @@ -21,31 +21,82 @@ |
| #abp-status |
| { |
| cursor: pointer; |
| } |
| toolbar[iconsize="small"] #abp-toolbarbutton, |
| #PersonalToolbar #abp-toolbarbutton, |
| #header-view-toolbar > #abp-toolbarbutton, |
| -#abp-status { |
| +#abp-status |
| +{ |
| list-style-image: url("abp-status-16.png"); |
| -moz-image-region: rect(0px, 16px, 16px, 0px); |
| } |
| + |
| toolbar[iconsize="small"] #abp-toolbarbutton[abpstate="disabled"], |
| #PersonalToolbar #abp-toolbarbutton[abpstate="disabled"], |
| #header-view-toolbar > #abp-toolbarbutton[abpstate="disabled"], |
| #abp-status[abpstate="disabled"], |
| toolbar[iconsize="small"] #abp-toolbarbutton[abpstate="whitelisted"], |
| #PersonalToolbar #abp-toolbarbutton[abpstate="whitelisted"], |
| #header-view-toolbar > #abp-toolbarbutton[abpstate="whitelisted"], |
| -#abp-status[abpstate="whitelisted"] { |
| +#abp-status[abpstate="whitelisted"] |
| +{ |
| -moz-image-region: rect(16px, 16px, 32px, 0px); |
| } |
| +@media screen and (min-resolution: 1.5dppx) |
| +{ |
| + toolbar[iconsize="small"] #abp-toolbarbutton, |
| + #PersonalToolbar #abp-toolbarbutton, |
| + #header-view-toolbar > #abp-toolbarbutton, |
| + #abp-status |
| + { |
| + list-style-image: url("abp-status.png"); |
| + -moz-image-region: rect(0px, 24px, 24px, 0px); |
| + } |
| + |
| + toolbar[iconsize="small"] #abp-toolbarbutton[abpstate="disabled"], |
| + #PersonalToolbar #abp-toolbarbutton[abpstate="disabled"], |
| + #header-view-toolbar > #abp-toolbarbutton[abpstate="disabled"], |
| + #abp-status[abpstate="disabled"], |
| + toolbar[iconsize="small"] #abp-toolbarbutton[abpstate="whitelisted"], |
| + #PersonalToolbar #abp-toolbarbutton[abpstate="whitelisted"], |
| + #header-view-toolbar > #abp-toolbarbutton[abpstate="whitelisted"], |
| + #abp-status[abpstate="whitelisted"] |
| + { |
| + -moz-image-region: rect(24px, 24px, 48px, 0px); |
| + } |
| +} |
| + |
| +@media screen and (min-resolution: 2dppx) |
| +{ |
| + toolbar[iconsize="small"] #abp-toolbarbutton, |
| + #PersonalToolbar #abp-toolbarbutton, |
| + #header-view-toolbar > #abp-toolbarbutton, |
| + #abp-status |
| + { |
| + list-style-image: url("abp-status-32.png"); |
| + -moz-image-region: rect(0px, 32px, 32px, 0px); |
| + } |
| + |
| + toolbar[iconsize="small"] #abp-toolbarbutton[abpstate="disabled"], |
| + #PersonalToolbar #abp-toolbarbutton[abpstate="disabled"], |
| + #header-view-toolbar > #abp-toolbarbutton[abpstate="disabled"], |
| + #abp-status[abpstate="disabled"], |
| + toolbar[iconsize="small"] #abp-toolbarbutton[abpstate="whitelisted"], |
| + #PersonalToolbar #abp-toolbarbutton[abpstate="whitelisted"], |
| + #header-view-toolbar > #abp-toolbarbutton[abpstate="whitelisted"], |
| + #abp-status[abpstate="whitelisted"] |
| + { |
| + -moz-image-region: rect(32px, 32px, 64px, 0px); |
| + } |
| +} |
| + |
| #abp-toolbarbutton[cui-areatype="menu-panel"], |
| toolbarpaletteitem[place="palette"] > #abp-toolbarbutton |
| { |
| list-style-image: url("abp-status-32.png"); |
| -moz-image-region: rect(0px, 32px, 32px, 0px); |
| } |
| #abp-toolbarbutton[cui-areatype="menu-panel"][abpstate="disabled"], |
« no previous file with comments
|
« no previous file
|
no next file »
|
no next file with comments »
