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 535557 bfb8f26e725bd8b2abd17c4dbcc3d4ffe2cf280c
parent 535455 fa3cfee27619ddc9bcbcf70555bda4eb1e815146
child 535558 567911d83bda7ad05d88ce584e9a29000fdd4b52
push id2082
push userffxbld-merge
push dateMon, 01 Jul 2019 08:34:18 +0000
treeherdermozilla-release@2fb19d0466d2 [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;
 }