Bug 1351255 - Align add-on install notification r?florian draft
authorMark Striemer <mstriemer@mozilla.com>
Wed, 26 Apr 2017 14:08:40 -0500
changeset 568941 e8fd7439befafcdaf523ac78ff9a0d58b55fe6ca
parent 568347 e11280c16e551105055f82cb40f7325663e11fac
child 626070 7f4fd0ff41805dbd741b0a86dd82fa5678c95022
push id56027
push userbmo:mstriemer@mozilla.com
push dateWed, 26 Apr 2017 19:09:06 +0000
reviewersflorian
bugs1351255
milestone55.0a1
Bug 1351255 - Align add-on install notification r?florian MozReview-Commit-ID: GbXjSOv5K6Q
browser/base/content/popup-notifications.inc
browser/themes/linux/browser.css
browser/themes/osx/browser.css
browser/themes/windows/browser.css
--- a/browser/base/content/popup-notifications.inc
+++ b/browser/base/content/popup-notifications.inc
@@ -76,13 +76,13 @@
       <popupnotificationcontent orient="vertical">
         <description id="addon-webext-perm-text" class="addon-webext-perm-text"/>
         <label id="addon-webext-perm-intro" class="addon-webext-perm-text"/>
         <html:ul id="addon-webext-perm-list" class="addon-webext-perm-list"/>
       </popupnotificationcontent>
     </popupnotification>
 
     <popupnotification id="addon-installed-notification" hidden="true">
-      <popupnotificationcontent orient="vertical">
+      <popupnotificationcontent class="addon-installed-notification-content" orient="vertical">
         <description id="addon-installed-notification-header"/>
         <description id="addon-installed-notification-message"/>
       </popupnotificationcontent>
     </popupnotification>
--- a/browser/themes/linux/browser.css
+++ b/browser/themes/linux/browser.css
@@ -802,34 +802,45 @@ html|*.addon-webext-perm-list {
   margin-inline-start: 0;
 }
 
 .popup-notification-description[popupid="addon-webext-permissions"] {
   margin: 0;
   padding: 0;
 }
 
+.popup-notification-description[popupid="addon-installed"] {
+  display: none;
+}
+
+.addon-installed-notification-content,
+#addon-installed-notification-header {
+  margin-top: 0;
+}
+
 .addon-webext-name {
   display: inline;
   font-weight: bold;
   margin: 0;
 }
 
 .addon-addon-icon {
   width: 14px;
   height: 14px;
   list-style-image: url("chrome://browser/skin/menuPanel.svg");
   -moz-image-region: rect(0px, 288px, 32px, 256px);
+  vertical-align: bottom;
 }
 
 .addon-toolbar-icon {
   width: 14px;
   height: 14px;
   list-style-image: url("chrome://browser/skin/Toolbar.png");
   -moz-image-region: rect(0, 486px, 18px, 468px);
+  vertical-align: bottom;
 }
 
 /* Notification icon box */
 
 .notification-anchor-icon:-moz-focusring {
   outline: 1px dotted -moz-DialogText;
 }
 
--- a/browser/themes/osx/browser.css
+++ b/browser/themes/osx/browser.css
@@ -3050,34 +3050,45 @@ html|*.addon-webext-perm-list {
   margin-inline-start: 0;
 }
 
 .popup-notification-description[popupid="addon-webext-permissions"] {
   margin: 0;
   padding: 0;
 }
 
+.popup-notification-description[popupid="addon-installed"] {
+  display: none;
+}
+
+.addon-installed-notification-content,
+#addon-installed-notification-header {
+  margin-top: 0;
+}
+
 .addon-webext-name {
   display: inline;
   font-weight: bold;
   margin: 0;
 }
 
 .addon-addon-icon {
   width: 14px;
   height: 14px;
   list-style-image: url("chrome://browser/skin/menuPanel.svg");
   -moz-image-region: rect(0px, 288px, 32px, 256px);
+  vertical-align: bottom;
 }
 
 .addon-toolbar-icon {
   width: 14px;
   height: 14px;
   list-style-image: url("chrome://browser/skin/Toolbar.png");
   -moz-image-region: rect(0, 486px, 18px, 468px);
+  vertical-align: bottom;
 }
 
 /* Status panel */
 
 .statuspanel-label {
   margin: 0;
   padding: 2px 4px;
   background: linear-gradient(#fff, #ddd);
--- a/browser/themes/windows/browser.css
+++ b/browser/themes/windows/browser.css
@@ -2093,34 +2093,45 @@ html|*.addon-webext-perm-list {
   margin-inline-start: 0;
 }
 
 .popup-notification-description[popupid="addon-webext-permissions"] {
   margin: 0;
   padding: 0;
 }
 
+.popup-notification-description[popupid="addon-installed"] {
+  display: none;
+}
+
+.addon-installed-notification-content,
+#addon-installed-notification-header {
+  margin-top: 0;
+}
+
 .addon-webext-name {
   display: inline;
   font-weight: bold;
   margin: 0;
 }
 
 .addon-addon-icon {
   width: 14px;
   height: 14px;
   list-style-image: url("chrome://browser/skin/menuPanel.svg");
   -moz-image-region: rect(0px, 288px, 32px, 256px);
+  vertical-align: bottom;
 }
 
 .addon-toolbar-icon {
   width: 14px;
   height: 14px;
   list-style-image: url("chrome://browser/skin/Toolbar.png");
   -moz-image-region: rect(0, 486px, 18px, 468px);
+  vertical-align: bottom;
 }
 
 /* Notification icon box */
 
 .notification-anchor-icon:-moz-focusring {
   outline: 1px dotted -moz-DialogText;
 }