Bug 1501815 - UI adjustments for CFR r=Mardak
authork88hudson <k88hudson@gmail.com>
Fri, 08 Mar 2019 21:29:55 +0000
changeset 521209 517837278d6b
parent 521208 5e103d74526d
child 521210 91c5e49bc1cb
push id10862
push userffxbld-merge
push dateMon, 11 Mar 2019 13:01:11 +0000
treeherdermozilla-beta@a2e7f5c935da [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersMardak
bugs1501815
milestone67.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 1501815 - UI adjustments for CFR r=Mardak Differential Revision: https://phabricator.services.mozilla.com/D22761
browser/themes/shared/browser.inc.css
--- a/browser/themes/shared/browser.inc.css
+++ b/browser/themes/shared/browser.inc.css
@@ -186,17 +186,17 @@
 }
 
 #cfr-notification-header-stack {
   width: 100%;
 }
 
 #cfr-notification-header-label {
   margin: 9px;
-  font-size: 12px;
+  font-size: 13px;
   font-weight: 600;
 }
 
 #cfr-notification-header-link {
   margin: 7px;
   color: inherit;
   cursor: default;
 }
@@ -225,52 +225,68 @@
 }
 
 #contextual-feature-recommendation-notification popupnotificationcontent {
   margin-top: 0;
 }
 
 #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,
 #contextual-feature-recommendation-notification[data-notification-category="cfrFeatures"] #cfr-notification-footer-addon-info,
 #contextual-feature-recommendation-notification[data-notification-category="cfrAddons"] #cfr-notification-feature-steps {
   display: none;
 }
 
 #cfr-notification-feature-steps {
   display: flex;
   flex-direction: column;
   margin-top: 10px;
 }
 
 #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;
   margin-top: 10px;
   margin-bottom: 6px;
 }
 
 #cfr-notification-footer-filled-stars,
@@ -338,28 +354,33 @@
   margin-left: 13px;
 }
 
 #cfr-notification-footer-pintab-animation-container:not([animate]) #cfr-notification-footer-animation-controls,
 #cfr-notification-footer-pintab-animation-container[paused] #cfr-notification-footer-animation-controls {
   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);
   cursor: pointer;
 }
 
 #cfr-notification-footer-pause-icon {
   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 {
   background: rgba(0, 0, 0, 0.5);
 }