Bug 1398103 - Adjust toolbar and toolbar button spacing to match photon spec. r?daleharvey
MozReview-Commit-ID: CB7AURm0Sw0
--- 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 {