Bug 995300 - When the location bar grows vertically due to an increased font size, the forward button should grow as well to match the location bar. r=mdeboer
authorDão Gottwald <dao@mozilla.com>
Fri, 02 May 2014 18:26:52 +0200
changeset 181786 5e1f22e16fa42c2976815e2ed0d06420f1423f04
parent 181785 f4782d7db879522c36eb6062b4237becc03de530
child 181787 193c049cea4291291b650c022c4f2f3d229f48b7
push id272
push userpvanderbeken@mozilla.com
push dateMon, 05 May 2014 16:31:18 +0000
reviewersmdeboer
bugs995300
milestone32.0a1
Bug 995300 - When the location bar grows vertically due to an increased font size, the forward button should grow as well to match the location bar. r=mdeboer
browser/themes/linux/browser.css
browser/themes/windows/browser.css
--- a/browser/themes/linux/browser.css
+++ b/browser/themes/linux/browser.css
@@ -735,16 +735,17 @@ toolbarbutton[sdk-button="true"][cui-are
   transition: none;
 }
 
 #back-button:-moz-locale-dir(rtl) > .toolbarbutton-icon {
   transform: scaleX(-1);
 }
 
 #forward-button {
+  -moz-box-align: stretch; /* let the button shape grow vertically with the location bar */
   padding: 0;
 }
 
 #forward-button > .toolbarbutton-icon {
   background-clip: padding-box;
   padding-left: 9px;
   padding-right: 3px;
   border: 1px solid #9a9a9a;
@@ -873,17 +874,17 @@ toolbarbutton[sdk-button="true"][cui-are
 
 /* Location bar */
 #urlbar,
 .searchbar-textbox {
   -moz-appearance: none;
   padding: 1px;
   border: 1px solid ThreeDShadow;
   border-radius: 2px;
-  margin: 1px 3px;
+  margin: 0 3px;
 }
 
 #urlbar[focused],
 .searchbar-textbox[focused] {
   border-color: Highlight;
 }
 
 #urlbar {
--- a/browser/themes/windows/browser.css
+++ b/browser/themes/windows/browser.css
@@ -872,16 +872,17 @@ toolbarbutton[sdk-button="true"][cui-are
   background-position: 1px -1px, 0 -1px, 100% -1px;
   background-size: calc(100% - 2px) 100%, 1px 100%, 1px 100%;
   background-repeat: no-repeat;
 }
 
 /* unified back/forward button */
 
 #forward-button {
+  -moz-box-align: stretch; /* let the button shape grow vertically with the location bar */
   padding: 0 !important;
 }
 
 #forward-button > menupopup {
   margin-top: 1px !important;
 }
 
 #forward-button > .toolbarbutton-icon {
@@ -1111,17 +1112,17 @@ toolbarbutton[sdk-button="true"][cui-are
   -moz-image-region: rect(32px, 48px, 48px, 32px);
 }
 
 /* ::::: Location Bar ::::: */
 
 #urlbar,
 .searchbar-textbox {
   -moz-appearance: none;
-  margin: 1px 3px;
+  margin: 0 3px;
   padding: 0;
   background-clip: padding-box;
   border: 1px solid ThreeDShadow;
 }
 
 %ifdef WINDOWS_AERO
 @media (-moz-os-version: windows-vista),
        (-moz-os-version: windows-win7) {