Bug 1407007 - Fix RTL alignment of search icon. r=dao
authorDale Harvey <dale@arandomurl.com>
Tue, 10 Oct 2017 13:07:59 +0100
changeset 428027 2f5f7289c2d5a1f7ab3e592cb7900a9217a21970
parent 428026 02be66f5ff0c2eb9cb5c4cfda62ad26d2312804f
child 428028 54c3651423b2242178b0839d72229cdbf5ebc900
push id97
push userfmarier@mozilla.com
push dateSat, 14 Oct 2017 01:12:59 +0000
reviewersdao
bugs1407007
milestone58.0a1
Bug 1407007 - Fix RTL alignment of search icon. r=dao MozReview-Commit-ID: BT8ZVOIPQND
browser/themes/shared/urlbar-searchbar.inc.css
--- a/browser/themes/shared/urlbar-searchbar.inc.css
+++ b/browser/themes/shared/urlbar-searchbar.inc.css
@@ -397,16 +397,26 @@
   list-style-image: url(chrome://browser/skin/search-indicator-badge-add.svg);
   margin-inline-start: -15px;
   margin-inline-end: 4px;
   margin-top: -10px;
   width: 11px;
   height: 11px;
 }
 
+.searchbar-search-button[addengines=true] > .searchbar-search-icon-overlay:-moz-locale-dir(rtl) {
+  margin-inline-start: -25px;
+  margin-inline-end: 14px;
+}
+
 .searchbar-search-button:hover:not([addengines=true]) > .searchbar-search-icon-overlay {
   list-style-image: url(chrome://global/skin/icons/arrow-dropdown-12.svg);
   -moz-context-properties: fill;
   margin-inline-start: -8px;
   margin-inline-end: 2px;
   width: 6px;
   height: 6px;
 }
+
+.searchbar-search-button:hover:not([addengines=true]) > .searchbar-search-icon-overlay:-moz-locale-dir(rtl) {
+  margin-inline-start: -26px;
+  margin-inline-end: 20px;
+}