Bug 1418187 - Ensure text doesnt overlay icon when overflowing. r=dao
authorDale Harvey <dale@arandomurl.com>
Mon, 20 Nov 2017 16:48:30 +0000
changeset 392895 87d22090c976fedf86e42d159978a1819f85a646
parent 392894 edbf6d586c9aa40325cf1958cc00f0fbdd470bb4
child 392896 44e456dda205d25557763960d1c30afca9e0a463
push id32945
push userccoroiu@mozilla.com
push dateTue, 21 Nov 2017 23:30:10 +0000
treeherdermozilla-central@0ee6ca490391 [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersdao
bugs1418187
milestone59.0a1
first release with
nightly linux32
nightly linux64
nightly mac
nightly win32
nightly win64
last release without
nightly linux32
nightly linux64
nightly mac
nightly win32
nightly win64
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;