Bug 1405514 - Changes box model values' cursor and active/focus stylings. r=gl
authorDanielle Leblanc-Cyr <danielleleb12@gmail.com>
Mon, 13 May 2019 10:51:48 -0400
changeset 473634 bfb8f26e725bd8b2abd17c4dbcc3d4ffe2cf280c
parent 473571 fa3cfee27619ddc9bcbcf70555bda4eb1e815146
child 473635 567911d83bda7ad05d88ce584e9a29000fdd4b52
push id36008
push userapavel@mozilla.com
push dateMon, 13 May 2019 21:50:04 +0000
treeherdermozilla-central@a0403c2bfae4 [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersgl
bugs1405514
milestone68.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 1405514 - Changes box model values' cursor and active/focus stylings. r=gl
devtools/client/themes/boxmodel.css
--- a/devtools/client/themes/boxmodel.css
+++ b/devtools/client/themes/boxmodel.css
@@ -286,16 +286,17 @@
   left: -9px;
 }
 
 /* Legend: displayed inside regions */
 
 .boxmodel-legend {
   position: absolute;
   z-index: 1;
+  cursor: default;
 }
 
 .boxmodel-legend[data-box="margin"] {
   margin-left: 9px;
   margin-top: 4px;
   color: var(--grey-90);
 }
 
@@ -332,28 +333,35 @@
 
 /* Editable fields */
 
 .boxmodel-editable {
   position: relative;
   border: 1px dashed transparent;
   -moz-user-select: none;
   white-space: nowrap;
+  cursor: pointer;
 }
 
 .boxmodel-editable[data-box="border"] {
   background-color: var(--borderbox-color);
   border-radius: 3px;
   padding: 0 2px;
 }
 
 .boxmodel-editable:hover {
   border-bottom-color: hsl(0, 0%, 50%);
 }
 
+.boxmodel-editable:focus,
+.boxmodel-editable:active {
+  border: 1px solid var(--blue-50);
+  outline: none;
+}
+
 .boxmodel-editable[data-box="margin"]:hover {
   background-color: var(--marginbox-border-color);
 }
 
 .boxmodel-editable[data-box="padding"]:hover {
   background-color: #c78fc7b3;
 }