Merge pull request #14761 from KevinGrandon/bug_951140_rocketbar_inpu…

…t_styles Bug 951140 - [Rocketbar] Input content and visual tweaks r=amir
mozilla-b2g · Dec 17, 2013 · 813821b · 813821b
2 parents e188c03 + 0e0ee39
commit 813821b
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 3 deletions.
diff --git a/apps/system/index.html b/apps/system/index.html
@@ -1226,7 +1226,7 @@ <h1 data-l10n-id="deviceMenu">Device menu</h1>
 
       <button id="fullscreen-software-home-button" data-z-index-level="fullscreen-software-home-button"></button>
       <div id="search-bar" class="search-bar" data-z-index-level="search-bar">
-        <input id="search-input" type="search" class="search-input"></input>
+        <input id="search-input" type="search" class="search-input" x-inputmode="verbatim" placeholder="Search or typed address" data-l10n-id="search-or-type-address"></input>
         <div id="search-container" class="search-container">
         </div>
       </div>

diff --git a/apps/system/locales/system.en-US.properties b/apps/system/locales/system.en-US.properties
@@ -408,3 +408,6 @@ download_finalized=Download failed
 
 download_text_by_default={{name}}
 download_downloading_text={{name}} - {{percentage}} %
+
+# Rocketbar
+search-or-type-address.placeholder=Search or type address
diff --git a/apps/system/style/rocketbar.css b/apps/system/style/rocketbar.css
@@ -1,11 +1,10 @@
-
 #search-bar {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: calc(100%);
-  background-color: black;
+  background-color: #0B0B0C;
   pointer-events: none;
   transform: translateY(-100%);
   transition: transform 0.3s ease 0.8s;
@@ -30,6 +29,13 @@
   border: 0;
   border-radius: 0;
   line-height: 4rem;
+  background: #0B0B0C;
+  color: #fff;
+}
+
+#search-bar .search-input::-moz-placeholder {
+  font-style: italic;
+  color: #929496;
 }
 
 #search-bar .search-container {