Bug 1341258 - update display of whitespace nodes in markup view;r=gl
authorJulian Descottes <jdescottes@mozilla.com>
Mon, 27 Feb 2017 13:24:16 +0100
changeset 345219 6bf5cd5c076bed47e23510ae33027f6ab6e204a2
parent 345218 f2358cbc60563b6fa71fd52f5182843cf58e0340
child 345220 fabd7eaacb43cbf9c8aae5c878f6e145f22f486f
push id31434
push usercbook@mozilla.com
push dateWed, 01 Mar 2017 10:41:13 +0000
treeherdermozilla-central@34c6c2f302e7 [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersgl
bugs1341258
milestone54.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 1341258 - update display of whitespace nodes in markup view;r=gl MozReview-Commit-ID: 2Hcd9PH9R8g
devtools/client/themes/markup.css
--- a/devtools/client/themes/markup.css
+++ b/devtools/client/themes/markup.css
@@ -272,26 +272,34 @@ ul.children + .tag-line::before {
 
 /* Whitespace only text nodes are sometimes shown in the markup-view, and when they do
    they get a greyed-out whitespace symbol so users know what they are */
 .editor.text .whitespace {
   padding: 0 .5em;
 }
 
 .editor.text .whitespace::before {
-  content: "";
+  /* black circle (full) character */
+  content: "\25cf";
   display: inline-block;
-  height: 4px;
-  width: 4px;
-  border: 1px solid var(--theme-body-color-inactive);
-  border-radius: 50%;
+  width: 12px;
+  height: 8px;
+  margin: 0 2px;
+  line-height: 7px;
+  font-size: 0.6em;
+  color: var(--theme-body-color-inactive);
+  border-radius: 3px;
+  border-style: solid;
+  border-width: 1px;
+  text-align: center;
+  vertical-align: middle;
 }
 
 .tag-line[selected] .editor.text .whitespace::before {
-  border-color: white;
+  color: white;
 }
 
 .more-nodes {
   padding-left: 16px;
 }
 
 .styleinspector-propertyeditor {
   border: 1px solid #CCC;