Web Inspector: Show the computed value in an overlay for numerical Visual Editors
[WebKit-https.git] / Source / WebInspectorUI / UserInterface / Views / VisualStyleNumberInputBox.css
index be0fe09..aee1cee 100644 (file)
@@ -47,7 +47,7 @@
     line-height: 16px;
     text-align: right;
     border-radius: 4px;
-    background-color: hsl(0, 100%, 100%);
+    background-color: white;
     pointer-events: none;
     overflow: hidden;
     white-space: nowrap;
@@ -72,3 +72,7 @@
 .visual-style-property-container > .visual-style-property-value-container > .number-input-container > span {
     min-width: -webkit-fit-content;
 }
+
+.visual-style-property-container > .visual-style-property-value-container > .number-input-container:not(.has-value) > span {
+    color: hsl(0, 0%, 60%);
+}