Bug 1388348 - Set width of search input as 250px to match Photon visual spec. draft
authorEvan Tseng <evan@tseng.io>
Wed, 09 Aug 2017 15:18:24 +0800
changeset 645724 ae1a491925237782fd07a52c65ba69c1dcf3a516
parent 645674 3bfcbdf5c6c381d5a8febb5c209e27a69fb89f9b
child 725991 ad7dda470a981f97817ff20bb5ea5ef45581dbb4
push id73852
push userbmo:evan@tseng.io
push dateMon, 14 Aug 2017 03:58:55 +0000
bugs1388348
milestone57.0a1
Bug 1388348 - Set width of search input as 250px to match Photon visual spec. MozReview-Commit-ID: LQ1Iq64LXcl
browser/locales/en-US/chrome/browser/preferences/preferences.properties
browser/themes/shared/incontentprefs/preferences.inc.css
--- a/browser/locales/en-US/chrome/browser/preferences/preferences.properties
+++ b/browser/locales/en-US/chrome/browser/preferences/preferences.properties
@@ -258,16 +258,17 @@ removeContainerAlertTitle=Remove This Co
 # See: http://developer.mozilla.org/en/docs/Localization_and_Plurals
 # #S is the number of container tabs
 removeContainerMsg=If you remove this Container now, #S container tab will be closed. Are you sure you want to remove this Container?;If you remove this Container now, #S container tabs will be closed. Are you sure you want to remove this Container?
 
 removeContainerOkButton=Remove this Container
 removeContainerButton2=Don’t remove this Container
 
 # Search Input
+# LOCALIZATION NOTE: Please keep the placeholder string shorter than around 30 characters to avoid truncation.
 searchInput.labelWin=Find in Options
 searchInput.labelUnix=Find in Preferences
 
 # Search Results Pane
 # LOCALIZATION NOTE %S will be replaced by the word being searched
 searchResults.sorryMessageWin=Sorry! There are no results in Options for “%S”.
 searchResults.sorryMessageUnix=Sorry! There are no results in Preferences for “%S”.
 # LOCALIZATION NOTE (searchResults.needHelp2): %1$S is a link to SUMO, %2$S is
--- a/browser/themes/shared/incontentprefs/preferences.inc.css
+++ b/browser/themes/shared/incontentprefs/preferences.inc.css
@@ -671,17 +671,17 @@ groupbox {
   position: sticky;
   background-color: var(--in-content-page-background);
   width: 100%;
   top: 0;
   z-index: 1;
 }
 
 #searchInput {
-  width: 230px;
+  width: 250px;
   margin: 20px 0;
 }
 
 #searchInput .textbox-search-icons:not([selectedIndex="1"]) {
   display: none;
 }
 
 .search-tooltip {