Bug 1418187 - Ensure text doesnt overlay icon when overflowing. r?dao draft
authorDale Harvey <dale@arandomurl.com>
Mon, 20 Nov 2017 16:48:30 +0000
changeset 700648 18c5bca8ffe56a6e3872b65edba63ed013e937d2
parent 700647 64bbd3645b620d604862a77f605e736747711790
child 740950 17ce749cf659044443a50ee936f04bfef0ea7e69
push id89918
push userbmo:dharvey@mozilla.com
push dateMon, 20 Nov 2017 16:49:10 +0000
reviewersdao
bugs1418187
milestone59.0a1
Bug 1418187 - Ensure text doesnt overlay icon when overflowing. r?dao MozReview-Commit-ID: 4JFpP6Rxlok
browser/themes/linux/syncedtabs/sidebar.css
browser/themes/windows/syncedtabs/sidebar.css
--- a/browser/themes/linux/syncedtabs/sidebar.css
+++ b/browser/themes/linux/syncedtabs/sidebar.css
@@ -30,25 +30,25 @@ html {
 
 .textbox-search-clear {
   background-image: url(moz-icon://stock/gtk-clear?size=menu);
   background-repeat: no-repeat;
   width: 16px;
   height: 16px;
 }
 
-.search-box > .textbox-input-box > .textbox-input {
+.search-box > .textbox-input-box {
   background-image: url(chrome://global/skin/icons/search-textbox.svg);
   background-repeat: no-repeat;
   background-size: 12px 12px;
   background-position: left center;
-  text-indent: 14px;
+  padding-inline-start: 14px;
 }
 
-.search-box > .textbox-input-box > .textbox-input:-moz-locale-dir(rtl) {
+.search-box > .textbox-input-box:-moz-locale-dir(rtl) {
   background-position: right center;
 }
 
 .textbox-search-clear:not([disabled]) {
   cursor: pointer;
 }
 
 .item.client .item-twisty-container {
--- a/browser/themes/windows/syncedtabs/sidebar.css
+++ b/browser/themes/windows/syncedtabs/sidebar.css
@@ -22,25 +22,25 @@
   -moz-appearance: textfield;
   cursor: text;
   margin: 4px;
   padding: 2px 2px 3px;
   padding-inline-start: 4px;
   color: -moz-FieldText;
 }
 
-.search-box > .textbox-input-box > .textbox-input {
+.search-box > .textbox-input-box {
   background-image: url(chrome://global/skin/icons/search-textbox.svg);
   background-repeat: no-repeat;
   background-size: 12px 12px;
   background-position: left center;
-  text-indent: 14px;
+  padding-inline-start: 14px;
 }
 
-.search-box > .textbox-input-box > .textbox-input:-moz-locale-dir(rtl) {
+.search-box > .textbox-input-box:-moz-locale-dir(rtl) {
   background-position: right center;
 }
 
 .textbox-search-clear {
   width: 16px;
   height: 16px;
   background-image: url(chrome://global/skin/icons/Search-close.png);
   background-repeat: no-repeat;