Bug 980879 - [Australis] Navigation buttons in urlbar overlapping search bar when resizing a window when on verified identity site. r=Gijs
authorJustin Dolske <dolske@mozilla.com>
Fri, 07 Mar 2014 19:15:53 -0500
changeset 172604 363beb46bd10390842b7afc6f81d9bca7bb8f31a
parent 172603 4dab55a994e50e3b3309cbeece616e36ed280410
child 172613 479720fcefedd39ed86d0cc36d120e2447f47b90
push id5543
push userjwein@mozilla.com
push dateSat, 08 Mar 2014 00:16:39 +0000
treeherderfx-team@363beb46bd10 [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersGijs
bugs980879
milestone30.0a1
Bug 980879 - [Australis] Navigation buttons in urlbar overlapping search bar when resizing a window when on verified identity site. r=Gijs
browser/base/content/browser.css
--- a/browser/base/content/browser.css
+++ b/browser/base/content/browser.css
@@ -283,17 +283,17 @@ toolbarpaletteitem > #personal-bookmarks
   direction: rtl;
 }
 
 #panelMenu_bookmarksMenu > .bookmark-item {
   max-width: none;
 }
 
 #urlbar-container {
-  min-width: 28ch;
+  min-width: 50ch;
 }
 
 #search-container {
   min-width: 25ch;
 }
 
 #urlbar,
 .searchbar-textbox {
@@ -385,30 +385,47 @@ panel[noactions] > richlistbox > richlis
 #urlbar[pageproxystate="invalid"] > #identity-box {
   pointer-events: none;
 }
 
 #identity-icon-labels {
   max-width: 18em;
 }
 @media (max-width: 700px) {
+  #urlbar-container {
+    min-width: 45ch;
+  }
   #identity-icon-labels {
     max-width: 70px;
   }
 }
 @media (max-width: 600px) {
+  #urlbar-container {
+    min-width: 40ch;
+  }
   #identity-icon-labels {
     max-width: 60px;
   }
 }
 @media (max-width: 500px) {
+  #urlbar-container {
+    min-width: 35ch;
+  }
   #identity-icon-labels {
     max-width: 50px;
   }
 }
+@media (max-width: 400px) {
+  #urlbar-container {
+    min-width: 28ch;
+  }
+  #identity-icon-labels {
+    max-width: 40px;
+  }
+}
 
 #identity-icon-country-label {
   direction: ltr;
 }
 
 #identity-box.verifiedIdentity > #identity-icon-labels > #identity-icon-label {
   -moz-margin-end: 0.25em !important;
 }