Bug 1564515 - Update alignment and spacing in about:addons list r=rpl
authorMark Striemer <mstriemer@mozilla.com>
Tue, 16 Jul 2019 11:43:04 +0000
changeset 482932 94097350615051aafb25b453962ee2937a5611ef
parent 482931 f192ff429249a63bb4ffe66811ed711899f4fa30
child 482933 57234d40dd631ffa597dc8b2990d22062f1751ef
push id36303
push userdvarga@mozilla.com
push dateWed, 17 Jul 2019 09:36:40 +0000
treeherdermozilla-central@29e9dde37bd2 [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersrpl
bugs1564515
milestone70.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 1564515 - Update alignment and spacing in about:addons list r=rpl Differential Revision: https://phabricator.services.mozilla.com/D37732
toolkit/mozapps/extensions/content/aboutaddons.css
--- a/toolkit/mozapps/extensions/content/aboutaddons.css
+++ b/toolkit/mozapps/extensions/content/aboutaddons.css
@@ -2,16 +2,20 @@
   --section-width: 664px;
   --addon-icon-size: 32px;
 }
 
 *|*[hidden] {
   display: none !important;
 }
 
+body {
+  cursor: default;
+}
+
 .header-name {
   -moz-user-select: initial;
 }
 
 #main {
   margin-inline-start: 28px;
   margin-bottom: 28px;
   max-width: var(--section-width);
@@ -22,31 +26,27 @@
   max-width: var(--section-width);
 }
 
 /* The margin between message bars. */
 message-bar-stack > * {
   margin-bottom: 8px;
 }
 
-/* The margin between pending message-bar-stack and the section heading. */
-addon-list message-bar-stack.pending-uninstall {
-  margin-bottom: 12px;
-}
-
 /* List sections */
 
 .list-section-heading {
   font-size: 17px;
   font-weight: 600;
-  margin-block: 16px;
+  margin-top: 32px;
+  margin-bottom: 16px;
 }
 
 /* The margin is set on the main heading, no need on the first subheading. */
-.list-section-heading:first-of-type {
+addon-list > section:first-of-type .list-section-heading {
   margin-top: 0;
 }
 
 /* Add-on cards */
 
 .addon.card {
   margin-bottom: 16px;
 }
@@ -175,17 +175,17 @@ addon-card:not([expanded]) .addon-descri
   position: relative;
   /* Add some negative margin to account for the button's padding */
   margin-top: -10px;
   margin-inline-end: -8px;
 }
 
 /* Recommended add-ons on list views */
 .recommended-heading {
-  margin-bottom: 16px;
+  margin-top: 48px;
 }
 
 /* Discopane extensions to the add-on card */
 
 recommended-addon-card .addon-name {
   display: flex;
 }
 
@@ -212,25 +212,26 @@ recommended-addon-card .addon-descriptio
   align-items: center;
 }
 
 .disco-cta-button {
   font-size: 14px;
   flex-shrink: 0;
   flex-grow: 0;
   align-self: baseline;
+  margin-inline-end: 0;
 }
 
 .disco-cta-button[action="install-addon"]::before {
   content: "+";
   padding-inline-end: 4px;
 }
 
 .discopane-notice {
-  margin: 0.5em 0;
+  margin: 24px 0;
 }
 
 .discopane-notice-content {
   align-items: center;
   display: flex;
   width: 100%;
 }