Bug 1590324 - Fix hardcoded messaging system font sizes. r=andreio
authorDão Gottwald <dao@mozilla.com>
Tue, 22 Oct 2019 09:27:47 +0000
changeset 498527 20ef09f1163e18069a88828f2567e99d870dd1af
parent 498526 f464130d767a8848516ff4a2c4b07cd415b74d0e
child 498528 bb2c1e0f98d0119d4aee7bcc913298d19952b000
push id36719
push userncsoregi@mozilla.com
push dateTue, 22 Oct 2019 15:53:00 +0000
treeherdermozilla-central@a8089b1fa5c4 [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersandreio
bugs1590324
milestone72.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 1590324 - Fix hardcoded messaging system font sizes. r=andreio Differential Revision: https://phabricator.services.mozilla.com/D50034
browser/themes/shared/customizableui/panelUI.inc.css
--- a/browser/themes/shared/customizableui/panelUI.inc.css
+++ b/browser/themes/shared/customizableui/panelUI.inc.css
@@ -1837,16 +1837,17 @@ toolbarpaletteitem[place="menu-panel"] >
   /* height + margins */
   transform: translateY(calc(-100% - 10px));
 }
 
 #protections-popup-message {
   display: flex;
   align-items: flex-end;
   transition: transform .25s;
+  font-size: 1rem;
 }
 
 #protections-popup-message.whatsNew-hero-message {
   background-image: url(chrome://browser/skin/controlcenter/hero-message-background.svg);
   background-repeat: no-repeat;
   background-position: top right;
   height: calc(100% - 20px);
   margin: 10px;
@@ -1874,17 +1875,17 @@ panelview[mainview] #PanelUI-whatsNew-co
   background: var(--panel-separator-color);
 }
 
 #PanelUI-whatsNew .whatsNew-message:last-child {
   border-bottom: none;
 }
 
 #PanelUI-whatsNew .whatsNew-message-date {
-  font-size: 11px;
+  font-size: .85em;
   margin: 0 -12px;
   margin-top: -1px; /* Hide the border separator between messages */
   padding: 6px 16px;
   background: var(--toolbar-bgcolor);
 }
 
 #PanelUI-whatsNew .whatsNew-message-body {
   padding: 6px 6px 18px;
@@ -1912,48 +1913,42 @@ panelview[mainview] #PanelUI-whatsNew-co
   height: 32px;
   position: absolute;
   top: 10px;
   width: 32px;
 }
 
 #PanelUI-whatsNew .whatsNew-message-title,
 #protections-popup-message .whatsNew-message-title {
-  font-size: 17px;
+  font-size: 1.3em;
   font-weight: 600;
-  line-height: 24px;
+  line-height: 1.4em;
   margin: 2px 0;
 }
 
 #PanelUI-whatsNew .whatsNew-message-title-large {
-  font-size: 28px;
+  font-size: 2.1em;
   margin: 2px 0;
   font-weight: 300;
 }
 
 #PanelUI-whatsNew .whatsNew-message-subtitle {
   margin: 2px 0;
-  font-size: 11px;
+  font-size: .8em;
   color: #949494;
   font-weight: normal;
 }
 
-#PanelUI-whatsNew .whatsNew-message-body p,
-#protections-popup-message .whatsNew-message-body p {
-  font-size: 13px;
-  line-height: 18px;
-}
-
 #PanelUI-whatsNew .text-link {
   background: none;
   border: 0;
   color: #45a1ff;
   cursor: pointer;
-  font-size: 12px;
-  margin-top: 16px;
+  font-size: .9em;
+  margin-top: 1.3em;
 }
 
 #protections-popup-message .text-link {
   color: white;
 }
 
 #protections-popup-message .text-link:hover {
   text-decoration: underline;