Bug 1319079 - Fonts inconsistency on Linux draft
authorKimberly Pennington <email@kimberly.codes>
Fri, 09 Dec 2016 14:27:18 -0700
changeset 448314 dde862abe4e93769d577bb99ed399fd3b79340e5
parent 448260 8404d26166a35406f46ff237ed132735c98882b2
child 448720 ac64cc2fc5386b39dfb753b9d66d50a2b1d7413e
push id38319
push userbmo:email@kimberly.codes
push dateFri, 09 Dec 2016 21:27:48 +0000
bugs1319079
milestone53.0a1
Bug 1319079 - Fonts inconsistency on Linux 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) Removed font-size:80% as this is too small for easy readability Removed font-size:11px for Rule View as it is now redundant ; r?bgrins MozReview-Commit-ID: 5xNawKYF8Yz
devtools/client/themes/common.css
devtools/client/themes/rules.css
--- a/devtools/client/themes/common.css
+++ b/devtools/client/themes/common.css
@@ -26,20 +26,16 @@
 :root.theme-firebug {
   --proportional-font-family: Lucida Grande, Tahoma, sans-serif;
 }
 
 .devtools-monospace {
   font-family: var(--monospace-font-family);
 }
 
-:root[platform="linux"] .devtools-monospace {
-  font-size: 80%;
-}
-
 /* Override wrong system font from forms.css */
 html|button, html|select {
   font: message-box;
 }
 
 /* Autocomplete Popup */
 
 .devtools-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 */