Bug 1319079 - Fix fonts inconsistency on Linux;r=bgrins
authorKimberly Pennington <email@kimberly.codes>
Fri, 09 Dec 2016 14:27:18 -0700
changeset 325707 a1c8a9bc7ebc
parent 325706 701f4573997e
child 325708 127edcc85d6f
push id31070
push usercbook@mozilla.com
push dateTue, 13 Dec 2016 15:04:28 +0000
treeherdermozilla-central@cb369201f52f [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersbgrins
bugs1319079
milestone53.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 1319079 - Fix fonts inconsistency on Linux;r=bgrins Font size on HTML side of Inspector was smaller than the CSS Rule View (in Firebug theme only) Font Size for Linux was set to 80% in common.css Font Size for Rule View was set to 11px (causing discrepancy). Replaced font-size:80% with 11px as it was too small for easy readability Removed font-size:11px for Rule View as it is now redundant MozReview-Commit-ID: 4a7tY4YEHgg
devtools/client/themes/common.css
devtools/client/themes/rules.css
--- a/devtools/client/themes/common.css
+++ b/devtools/client/themes/common.css
@@ -27,21 +27,17 @@
   --proportional-font-family: Lucida Grande, Tahoma, sans-serif;
 }
 
 .devtools-monospace {
   font-family: var(--monospace-font-family);
 }
 
 :root[platform="linux"] .devtools-monospace {
-  font-size: 80%;
-}
-
-:root[platform="linux"].theme-firebug .devtools-monospace {
-  font-size: 11px; /* Font becomes too small for linux with 80% */
+  font-size: 11px;
 }
 
 /* Override wrong system font from forms.css */
 html|button, html|select {
   font: message-box;
 }
 
 /* Autocomplete Popup */
--- a/devtools/client/themes/rules.css
+++ b/devtools/client/themes/rules.css
@@ -14,21 +14,16 @@
 .theme-firebug {
   --rule-highlight-background-color: #ffee99;
   --rule-property-name: darkgreen;
   --rule-property-value: darkblue;
 }
 
 /* Rule View Tabpanel */
 
-.theme-firebug .ruleview {
-  font-family: monospace;
-  font-size: 11px;
-}
-
 #sidebar-panel-ruleview {
   margin: 0;
   display: flex;
   flex-direction: column;
   width: 100%;
   height: 100%;
   /* Override the min-width from .inspector-tabpanel, as the rule panel can support small
      widths */