Bug 1402126 - Change the icon size of Download items in the Library's Downloads panel view to 32px. r=Gijs
authorMike de Boer <mdeboer@mozilla.com>
Thu, 05 Oct 2017 18:06:05 +0200
changeset 385111 a1188a2bf9ee41bf552997eb5274bbfd9c80975d
parent 385110 bf81d961c576d63fbc95413b7437d7ed81a365cb
child 385112 e45c439aac94435c8e07238770f0380772e19ef9
push id32646
push userarchaeopteryx@coole-files.de
push dateMon, 09 Oct 2017 21:47:29 +0000
treeherdermozilla-central@4afc55e7033c [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersGijs
bugs1402126
milestone58.0a1
first release with
nightly linux32
nightly linux64
nightly mac
nightly win32
nightly win64
last release without
nightly linux32
nightly linux64
nightly mac
nightly win32
nightly win64
Bug 1402126 - Change the icon size of Download items in the Library's Downloads panel view to 32px. r=Gijs 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
@@ -2114,23 +2114,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;