diff options
Diffstat (limited to 'arc-firefox-theme/chrome/browser/searchbar.css')
| -rw-r--r-- | arc-firefox-theme/chrome/browser/searchbar.css | 62 |
1 files changed, 60 insertions, 2 deletions
diff --git a/arc-firefox-theme/chrome/browser/searchbar.css b/arc-firefox-theme/chrome/browser/searchbar.css index a79bc5e..f1544af 100644 --- a/arc-firefox-theme/chrome/browser/searchbar.css +++ b/arc-firefox-theme/chrome/browser/searchbar.css @@ -3,7 +3,14 @@ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ #PopupSearchAutoComplete { - margin-inline-start: -24px; + /* JS code forces the panel to have the width of the searchbar rather than + * the width of the textfield. Alignment of the panel with the searchbar is + * obtained with negative margins here: margin-inline-start when the text + * field is in the same direction as the rest of the UI, margin-inline-end + * when the textfield's direction has been reversed. + * (eg. using ctrl+shift+X) */ + margin-inline-start: -23px; + margin-inline-end: -16px; } .autocomplete-textbox-container { @@ -31,6 +38,7 @@ padding: 1px; list-style-image: url("chrome://browser/skin/reload-stop-go.png"); -moz-image-region: rect(0, 42px, 14px, 28px); + width: 14px; } .search-go-button:hover { @@ -41,7 +49,7 @@ -moz-image-region: rect(28px, 42px, 42px, 28px); } -.search-go-button:-moz-locale-dir(rtl) > .toolbarbutton-icon { +.search-go-button:-moz-locale-dir(rtl) { transform: scaleX(-1); } @@ -63,6 +71,7 @@ menuitem[cmd="cmd_clearhistory"][disabled] { margin-top: 1px; margin-bottom: 1px; margin-inline-start: 2px; + width: 20px; } .searchbar-search-button[addengines="true"] { @@ -77,6 +86,41 @@ menuitem[cmd="cmd_clearhistory"][disabled] { -moz-image-region: rect(0, 60px, 20px, 40px); } +@media (min-resolution: 1.1dppx) { + .searchbar-engine-image { + list-style-image: url("chrome://mozapps/skin/places/defaultFavicon@2x.png"); + } + + .searchbar-search-button { + list-style-image: url("chrome://browser/skin/search-indicator@2x.png"); + -moz-image-region: rect(0, 40px, 40px, 0); + } + + .searchbar-search-button[addengines="true"] { + list-style-image: url("chrome://browser/skin/search-indicator-badge-add@2x.png"); + } + + .searchbar-search-button:hover { + -moz-image-region: rect(0, 80px, 40px, 40px); + } + + .searchbar-search-button:hover:active { + -moz-image-region: rect(0, 120px, 40px, 80px); + } + + .search-go-button { + list-style-image: url("chrome://browser/skin/reload-stop-go@2x.png"); + -moz-image-region: rect(0, 84px, 28px, 56px); + } + + .search-go-button:hover { + -moz-image-region: rect(28px, 84px, 56px, 56px); + } + + .search-go-button:hover:active { + -moz-image-region: rect(56px, 84px, 84px, 56px); + } +} .search-panel-current-engine { border-top: none !important; @@ -130,6 +174,10 @@ menuitem[cmd="cmd_clearhistory"][disabled] { background-position: right center; } +.searchbar-engine-one-off-item:-moz-locale-dir(rtl) { + background-position: left center; +} + .searchbar-engine-one-off-item:not(.last-row) { box-sizing: content-box; border-bottom: 1px solid rgba(0, 0, 0, 0.2); @@ -204,6 +252,16 @@ menuitem[cmd="cmd_clearhistory"][disabled] { list-style-image: url("chrome://browser/skin/search-engine-placeholder.png"); } +@media (min-resolution: 1.1dppx) { + .addengine-badge { + list-style-image: url("chrome://browser/skin/badge-add-engine@2x.png"); + } + + .addengine-item:not([image]) { + list-style-image: url("chrome://browser/skin/search-engine-placeholder@2x.png"); + } +} + .search-panel-tree > .autocomplete-treebody::-moz-tree-cell { border-top: none !important; } |