Bug 1407007 - Fix RTL alignment of search icon. r=dao a=ritu
authorDale Harvey <dale@arandomurl.com>
Tue, 10 Oct 2017 13:07:59 +0100
changeset 432357 0aac8b210514c48af1ca90957d6a2216407b66ba
parent 432356 8874107036534d1cf5e3a04b7eafd678dc610337
child 432358 043c28a50ea4a7d68c6e8b49a54eda33559cc245
push id7944
push userdgottwald@mozilla.com
push dateWed, 11 Oct 2017 09:58:53 +0000
treeherdermozilla-beta@0aac8b210514 [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersdao, ritu
bugs1407007
milestone57.0
Bug 1407007 - Fix RTL alignment of search icon. r=dao a=ritu
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;
+}