Bug 1368016 - [photon] Remove back and forward button adjustments from compact themes. r=nhnt11
authorDão Gottwald <dao@mozilla.com>
Fri, 26 May 2017 12:42:15 +0200
changeset 585288 3de53d306319456c567a704918bb1680533919af
parent 585287 25713e57068200e3f4705aded940270531fd8c03
child 585289 715ae99bc12638aa2b6a9b89325a2d4b2e579bb8
push id61093
push userdgottwald@mozilla.com
push dateFri, 26 May 2017 20:16:26 +0000
reviewersnhnt11
bugs1368016
milestone55.0a1
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
browser/themes/shared/compacttheme.inc.css
--- 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;