Bug 1368016 - [photon] Remove back and forward button adjustments from compact themes. r=nhnt11
Since the compact (and touch) modes will be decoupled from "compact" themes, these themes should stop adjusting the back and forward buttons to be compact.
MozReview-Commit-ID: 49Watfo1C0i
--- a/browser/themes/shared/compacttheme.inc.css
+++ b/browser/themes/shared/compacttheme.inc.css
@@ -176,16 +176,17 @@ toolbar:-moz-lwtheme-darktext {
#PlacesToolbar toolbarbutton.bookmark-item {
color: var(--chrome-color);
text-shadow: var(--toolbarbutton-text-shadow);
}
#TabsToolbar {
text-shadow: none !important;
}
+%ifndef MOZ_PHOTON_THEME
/* Back and forward button */
#back-button > .toolbarbutton-icon,
#forward-button > .toolbarbutton-icon {
background: var(--chrome-nav-buttons-background) !important;
border-radius: 0 !important;
padding: var(--toolbarbutton-inner-padding) 5px !important;
@@ -195,21 +196,19 @@ toolbar:-moz-lwtheme-darktext {
height: auto !important;
}
/* the normal theme adds box-shadow: <stuff> !important when the back-button is [open]. Fix: */
#back-button[open="true"] > .toolbarbutton-icon {
box-shadow: none !important;
}
-%ifndef MOZ_PHOTON_THEME
#forward-button > .toolbarbutton-icon {
border-inline-start: none !important;
}
-%endif
/* Override a box shadow for disabled back button */
#main-window:not([customizing]) #back-button[disabled] > .toolbarbutton-icon {
box-shadow: none !important;
}
/* Override !important properties for hovered back button */
#main-window #back-button:hover:not([disabled="true"]) > .toolbarbutton-icon,
@@ -223,16 +222,17 @@ toolbar:-moz-lwtheme-darktext {
}
#nav-bar .toolbarbutton-1:not([type=menu-button]),
#nav-bar .toolbarbutton-1 > .toolbarbutton-menubutton-button,
#nav-bar .toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker {
padding-top: 2px;
padding-bottom: 2px;
}
+%endif
/* URL bar and search bar*/
#urlbar,
#navigator-toolbox .searchbar-textbox {
background-color: var(--url-and-searchbar-background-color) !important;
background-image: none !important;
color: inherit !important;
border: 1px solid var(--chrome-nav-bar-controls-border-color) !important;