Bug 1639375 - Polish inline preview label styling. r=davidwalsh
authorJason Laster <jlaster@mozilla.com>
Wed, 20 May 2020 15:19:16 +0000
changeset 531261 a67e4f5dfe86821bafc6eacacc897465e049cf99
parent 531260 76aead72792b86ae34dc912e668cc9d00be34b30
child 531262 7d299d1ad09f748d4c03c89814b3eec2b1d2062f
push id37436
push userncsoregi@mozilla.com
push dateWed, 20 May 2020 21:30:50 +0000
treeherdermozilla-central@6c10970490f3 [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersdavidwalsh
bugs1639375
milestone78.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 1639375 - Polish inline preview label styling. r=davidwalsh Differential Revision: https://phabricator.services.mozilla.com/D76059
devtools/client/debugger/src/components/Editor/InlinePreview.css
--- a/devtools/client/debugger/src/components/Editor/InlinePreview.css
+++ b/devtools/client/debugger/src/components/Editor/InlinePreview.css
@@ -13,16 +13,17 @@
   border: 1px solid var(--theme-inline-preview-border-color);
   border-radius: 3px;
   font-size: 10px;
   margin-right: 5px;
   white-space: nowrap;
 }
 
 .inline-preview-label {
-  padding: 1px 2px 1px 4px;
+  padding: 0px 2px 0px 4px;
+  border-radius: 2px 0 0 2px;
   color: var(--theme-inline-preview-label-color);
   background-color: var(--theme-inline-preview-label-background);
 }
 
 .inline-preview-value {
   padding: 2px 6px;
 }