Bug 1398103 - Adjust toolbar and toolbar button spacing to match photon spec. r?daleharvey draft
authorDão Gottwald <dao@mozilla.com>
Fri, 27 Oct 2017 15:31:10 +0200
changeset 687582 5d63045047fcff25442753c334b8d8916ea48ff1
parent 687581 a5a0e660fc6ee502f0dd227bf7e2acb9d9f51db5
child 737693 8b83f71d4b5561447aaef94f289addc348571ec9
push id86547
push userdgottwald@mozilla.com
push dateFri, 27 Oct 2017 13:32:06 +0000
reviewersdaleharvey
bugs1398103
milestone58.0a1
Bug 1398103 - Adjust toolbar and toolbar button spacing to match photon spec. r?daleharvey MozReview-Commit-ID: CB7AURm0Sw0
browser/themes/shared/toolbarbuttons.inc.css
--- a/browser/themes/shared/toolbarbuttons.inc.css
+++ b/browser/themes/shared/toolbarbuttons.inc.css
@@ -195,17 +195,17 @@ toolbar .toolbarbutton-1:not([disabled=t
 toolbar .toolbarbutton-1[checked]:not(:active):hover > .toolbarbutton-icon {
   background-color: var(--toolbarbutton-hover-background);
   transition: background-color .4s;
 }
 
 :root:not([uidensity=compact]) #back-button {
   padding-top: 3px;
   padding-bottom: 3px;
-  padding-inline-start: 5px !important;
+  padding-inline-start: 3px;
   padding-inline-end: 0 !important;
   position: relative !important;
   z-index: 1 !important;
   border-radius: 0 10000px 10000px 0;
 }
 
 :root:not([uidensity=compact]) #back-button:-moz-locale-dir(rtl) {
   border-radius: 10000px 0 0 10000px;
@@ -216,25 +216,26 @@ toolbar .toolbarbutton-1[checked]:not(:a
 }
 
 :root:not([uidensity=compact]) #back-button > .toolbarbutton-icon {
   background-color: var(--backbutton-background);
   background-origin: padding-box;
   background-clip: padding-box;
   border: 1px solid var(--backbutton-border-color);
   border-radius: 10000px;
-  width: 32px;
-  padding: 7px;
+  width: 34px;
+  padding: 8px;
   transition-property: box-shadow;
   transition-duration: var(--toolbarbutton-hover-transition-duration);
 }
 
 :root[uidensity=touch] #back-button {
   padding-top: 1px;
   padding-bottom: 1px;
+  padding-inline-start: 1px;
 }
 
 :root[uidensity=touch] #back-button > .toolbarbutton-icon {
   width: 38px;
   padding: 10px;
 }
 
 :root:not([uidensity=compact]) #back-button:not([disabled]):not([open]):hover > .toolbarbutton-icon {