Bug 1402126 - Change the icon size of Download items in the Library's Downloads panel view to 32px. r=Gijs, a=ritu
authorMike de Boer <mdeboer@mozilla.com>
Thu, 05 Oct 2017 18:06:05 +0200
changeset 432378 63c9ad5b7e93
parent 432377 da0c1e20a0cc
child 432379 99d96c2d8636
push id7947
push userryanvm@gmail.com
push dateWed, 11 Oct 2017 18:32:48 +0000
treeherdermozilla-beta@2220c5f79afb [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersGijs, ritu
bugs1402126
milestone57.0
Bug 1402126 - Change the icon size of Download items in the Library's Downloads panel view to 32px. r=Gijs, a=ritu MozReview-Commit-ID: FE1EftZWmzV
browser/themes/osx/customizableui/panelUI.css
browser/themes/shared/customizableui/panelUI.inc.css
--- a/browser/themes/osx/customizableui/panelUI.css
+++ b/browser/themes/osx/customizableui/panelUI.css
@@ -11,16 +11,20 @@
 .restoreallitem > .toolbarbutton-icon {
   display: none;
 }
 
 .subviewbutton {
   padding-inline-start: 18px;
 }
 
+.subviewbutton.download {
+  padding-inline-start: 14px;
+}
+
 photonpanelmultiview .toolbaritem-combined-buttons > label {
   padding-inline-start: 42px; /* 18px toolbarbutton padding + 16px icon + 8px label padding start */
 }
 
 #appMenu-mainView > .panel-subview-body > .panel-banner-item {
   padding-inline-start: 18px;
 }
 
--- a/browser/themes/shared/customizableui/panelUI.inc.css
+++ b/browser/themes/shared/customizableui/panelUI.inc.css
@@ -2093,23 +2093,29 @@ photonpanelmultiview .cui-widget-panelvi
 
 photonpanelmultiview #panelMenu_pocket {
   display: none;
 }
 
 .subviewbutton.download {
   -moz-box-align: start;
   min-height: 48px;
+  padding-inline-start: 8px;
 }
 
 .subviewbutton.download > .toolbarbutton-icon,
 .subviewbutton.download > .toolbarbutton-text > label {
   margin: 4px 0 0;
 }
 
+.subviewbutton.download > .toolbarbutton-icon {
+  width: 32px;
+  height: 32px;
+}
+
 .subviewbutton.download > .toolbarbutton-text > .status-text {
   color: GrayText;
   font-size: .9em;
 }
 
 .subviewbutton.download > .action-button {
   -moz-appearance: none; /* To avoid native Windows hover styling */
   -moz-context-properties: fill;