Bug 1457086 - Bump the markup badges font-size to 10px on 1dppx screens and 9px for higher resolution screens. r=rcaliman
☠☠ backed out by 825425be7ba9 ☠ ☠
authorGabriel Luong <gabriel.luong@gmail.com>
Mon, 13 Aug 2018 23:32:03 -0400
changeset 486469 e76d40d9a7d87f57edefdf6790101d3c84fb22e0
parent 486449 397dbf4d571f60282bed90ce11918adfae99b0d1
child 486470 6b1f74eb6d3dc0f127c1390b0e42d0ff6faec271
push id9719
push userffxbld-merge
push dateFri, 24 Aug 2018 17:49:46 +0000
treeherdermozilla-beta@719ec98fba77 [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersrcaliman
bugs1457086
milestone63.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 1457086 - Bump the markup badges font-size to 10px on 1dppx screens and 9px for higher resolution screens. r=rcaliman
devtools/client/themes/markup.css
--- a/devtools/client/themes/markup.css
+++ b/devtools/client/themes/markup.css
@@ -389,29 +389,35 @@ ul.children + .tag-line::before {
 /* Applicable to the DOCTYPE */
 .doctype {
   font-style: italic;
 }
 
 /* Markup Badges */
 .markup-badge {
   display: inline-block;
-  font-size: 9px;
+  font-size: 10px;
   font-weight: normal;
   line-height: 11px;
   vertical-align: 1px;
   border: 1px solid var(--markup-badge-border-color);
   border-radius: 3px;
   padding: 0px 2px;
   margin-inline-start: 5px;
   -moz-user-select: none;
   background-color: var(--markup-badge-background-color);
   color: var(--markup-badge-color);
 }
 
+@media (min-resolution: 1.1dppx) {
+  .markup-badge {
+    font-size: 9px;
+  }
+}
+
 .markup-badge.active {
   background-color: var(--markup-badge-active-background-color);
   border-color: var(--theme-selection-color);
   color: var(--theme-selection-color);
 }
 
 .markup-badge[data-custom],
 .markup-badge[data-display="flex"].interactive,