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, a=sledru
authorDão Gottwald <dao@mozilla.com>
Fri, 02 May 2014 18:26:52 +0200
changeset 199090 b2caaea14143eac7b798e843aa467f0065f4a3ee
parent 199089 7be99e6038843a465a05ac316f5121f1037cdb9a
child 199091 d6e35353153e6bc94f91d3eeb6536e0c476b2477
push id3624
push userasasaki@mozilla.com
push dateMon, 09 Jun 2014 21:49:01 +0000
treeherdermozilla-beta@b1a5da15899a [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersmdeboer, sledru
bugs995300
milestone31.0a2
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, a=sledru
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) {