Bug 1351255 - Align icons in webextension install dialog r=nhnt11

MozReview-Commit-ID: 43KngOirCkJ

--HG--
extra : rebase_source : de2ce2f218a718c124847f6883950ac0cae121f2
This commit is contained in:
Mark Striemer 2017-06-01 15:20:29 -05:00
parent 96fbeb3306
commit 23926a7ab3
4 changed files with 61 additions and 10 deletions

View File

@ -81,7 +81,7 @@
</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>

View File

@ -500,22 +500,39 @@ html|*.addon-webext-perm-list {
padding: 0;
}
.popup-notification-description[popupid="addon-installed"] {
display: none;
}
.addon-installed-notification-content {
margin-top: 0;
}
#addon-installed-notification-header {
/* Align the text more closely with the icon by clearing some top line height. */
margin-top: -1px;
}
.addon-webext-name {
display: inline;
font-weight: bold;
margin: 0;
}
.addon-addon-icon {
.addon-addon-icon,
.addon-toolbar-icon {
width: 14px;
height: 14px;
vertical-align: bottom;
margin-bottom: 1px;
}
.addon-addon-icon {
list-style-image: url("chrome://browser/skin/menuPanel.svg");
-moz-image-region: rect(0px, 288px, 32px, 256px);
}
.addon-toolbar-icon {
width: 14px;
height: 14px;
list-style-image: url("chrome://browser/skin/menu.svg");
-moz-context-properties: fill;
fill: var(--toolbarbutton-icon-fill);

View File

@ -1991,22 +1991,39 @@ html|*.addon-webext-perm-list {
padding: 0;
}
.popup-notification-description[popupid="addon-installed"] {
display: none;
}
.addon-installed-notification-content {
margin-top: 0;
}
#addon-installed-notification-header {
/* Align the text more closely with the icon by clearing some top line height. */
margin-top: -1px;
}
.addon-webext-name {
display: inline;
font-weight: bold;
margin: 0;
}
.addon-addon-icon {
.addon-addon-icon,
.addon-toolbar-icon {
width: 14px;
height: 14px;
vertical-align: bottom;
margin-bottom: 1px;
}
.addon-addon-icon {
list-style-image: url("chrome://browser/skin/menuPanel.svg");
-moz-image-region: rect(0px, 288px, 32px, 256px);
}
.addon-toolbar-icon {
width: 14px;
height: 14px;
list-style-image: url("chrome://browser/skin/menu.svg");
-moz-context-properties: fill;
fill: var(--toolbarbutton-icon-fill);

View File

@ -1598,22 +1598,39 @@ html|*.addon-webext-perm-list {
padding: 0;
}
.popup-notification-description[popupid="addon-installed"] {
display: none;
}
.addon-installed-notification-content {
margin-top: 0;
}
#addon-installed-notification-header {
/* Align the text more closely with the icon by clearing some top line height. */
margin-top: -1px;
}
.addon-webext-name {
display: inline;
font-weight: bold;
margin: 0;
}
.addon-addon-icon {
.addon-addon-icon,
.addon-toolbar-icon {
width: 14px;
height: 14px;
vertical-align: bottom;
margin-bottom: 1px;
}
.addon-addon-icon {
list-style-image: url("chrome://browser/skin/menuPanel.svg");
-moz-image-region: rect(0px, 288px, 32px, 256px);
}
.addon-toolbar-icon {
width: 14px;
height: 14px;
list-style-image: url("chrome://browser/skin/menu.svg");
-moz-context-properties: fill;
fill: var(--toolbarbutton-icon-fill);