Bug 980879 - [Australis] Navigation buttons in urlbar overlapping search bar when resizing a window when on verified identity site. r=Gijs a=Sylvestre
authorJustin Dolske <dolske@mozilla.com>
Fri, 07 Mar 2014 19:15:53 -0500
changeset 177597 3005c29e7900f46722088aad86079c9cae8a069a
parent 177596 5314440f09022880bca5397aa5c56a1cb5d8e267
child 177598 1ad262400852676890d59f0b9e51a60911431f0a
push id5427
push usermozilla@noorenberghe.ca
push dateSun, 16 Mar 2014 17:43:22 +0000
treeherdermozilla-aurora@1ad262400852 [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersGijs, Sylvestre
bugs980879
milestone29.0a2
Bug 980879 - [Australis] Navigation buttons in urlbar overlapping search bar when resizing a window when on verified identity site. r=Gijs a=Sylvestre
browser/base/content/browser.css
--- a/browser/base/content/browser.css
+++ b/browser/base/content/browser.css
@@ -289,17 +289,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 {
@@ -391,30 +391,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;
 }