Magic-Mirror/gecko-dev
1
0
Fork 0
mirror of https://github.com/mozilla/gecko-dev.git synced 2024-10-20 08:45:46 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Bug 1501815 - UI adjustments for CFR r=Mardak

Browse Source 
Differential Revision: https://phabricator.services.mozilla.com/D22761

--HG--
extra : moz-landing-system : lando
This commit is contained in:
k88hudson 2019-03-08 21:29:55 +00:00
parent 70a7a5986e
commit a3da70ab01
1 changed files with 25 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
browser/themes/shared/browser.inc.css
View File

@ -191,7 +191,7 @@
#cfr-notification-header-label {
margin: 9px;
font-size: 12px;
font-size: 13px;
font-weight: 600;
}
@ -230,11 +230,13 @@
#contextual-feature-recommendation-notification description {
margin-bottom: 0;
font-size: 13px;
}
#cfr-notification-footer-text-and-addon-info {
display: block;
padding: 10px var(--arrowpanel-padding);
font-size: 13px;
}
#contextual-feature-recommendation-notification[data-notification-category="cfrFeatures"] .popup-notification-body-container,
@ -250,22 +252,36 @@
}
#cfr-notification-feature-steps li {
padding-inline-start: 8px;
padding-inline-start: 9px;
position: relative;
}
#cfr-notification-feature-steps li:not(:last-child) {
margin-bottom: 5px;
}
#cfr-notification-feature-steps li:before {
content: "\2022";
position: absolute;
inset-inline-start: 0;
}
#contextual-feature-recommendation-notification[data-notification-category="cfrFeatures"] #cfr-notification-footer-text {
font-size: 14px;
font-weight: 600;
}
#cfr-notification-footer-text,
#cfr-notification-footer-users,
#cfr-notification-footer-learn-more-link {
margin: 0;
}
#cfr-notification-footer-users,
#cfr-notification-footer-learn-more-link {
font-size: 12px;
}
#cfr-notification-footer-addon-info {
align-items: center;
display: flex;
@ -343,6 +359,11 @@
visibility: hidden;
}
#cfr-notification-footer-pause-label {
font-weight: 600;
line-height: 11px;
}
#cfr-notification-footer-pause-button,
#cfr-notification-footer-pause-label {
color: rgba(12, 12, 13, 0.8);
@ -353,11 +374,11 @@
background-image: url("resource://activity-stream/data/content/assets/glyph-pause-12.svg");
background-position: center center;
background-repeat: no-repeat;
background-size: 12px;
background-size: 12px 10px;
-moz-context-properties: fill;
fill: rgba(12, 12, 13, 0.8);
height: 12px;
width: 12px;
width: 10px;
}
#content-mask {