Bug 1503180 - Part 4 - Give the sizing section names the right colors; r=mtigley
authorPatrick Brosset <pbrosset@mozilla.com>
Thu, 22 Nov 2018 18:23:46 +0000
changeset 504232 be33905d0aca61fca9527907dfc56156db4ffdca
parent 504231 a52096a533cb182c987a3752e6622eadddaab121
child 504233 1924c38b206345538d543d24a7cde110ca208855
push id10290
push userffxbld-merge
push dateMon, 03 Dec 2018 16:23:23 +0000
treeherdermozilla-beta@700bed2445e6 [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersmtigley
bugs1503180
milestone65.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 1503180 - Part 4 - Give the sizing section names the right colors; r=mtigley Differential Revision: https://phabricator.services.mozilla.com/D12681
devtools/client/themes/layout.css
--- a/devtools/client/themes/layout.css
+++ b/devtools/client/themes/layout.css
@@ -489,16 +489,26 @@ html[dir="rtl"] .flex-item-list .devtool
 .flex-item-sizing .name {
   font-weight: 600;
   grid-column: 1;
   display: grid;
   grid-template-columns: max-content max-content;
   gap: .5em;
 }
 
+.flex-item-sizing .flexibility .name,
+.flex-item-sizing .max .name,
+.flex-item-sizing .min .name {
+  color: var(--theme-highlight-red);
+}
+
+.flex-item-sizing .base .name {
+  color: var(--theme-highlight-blue);
+}
+
 .flex-item-sizing .value {
   text-align: end;
   font-weight: 600;
   direction: ltr;
 }
 
 .flex-item-sizing .value .unit {
   color: var(--theme-comment);