Bug 1507748 - Add a pointer cursor to the flexbox inspector buttons. r=mtigley
authorGabriel Luong <gabriel.luong@gmail.com>
Wed, 21 Nov 2018 20:36:54 -0500
changeset 447607 ad8114bf526cfa7c4e878bc6cb48dc582dc3363d
parent 447606 fee6e5895b63477ac789aa50db43e6912e30106d
child 447655 9f240dd3f954faf06753b6b6d24ce1a4f684d6ca
child 447663 298dbb64883121de67570112df6bb2c90d1b889a
push id35083
push userccoroiu@mozilla.com
push dateThu, 22 Nov 2018 04:30:01 +0000
treeherdermozilla-central@ad8114bf526c [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersmtigley
bugs1507748
milestone65.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 1507748 - Add a pointer cursor to the flexbox inspector buttons. r=mtigley
devtools/client/themes/layout.css
--- a/devtools/client/themes/layout.css
+++ b/devtools/client/themes/layout.css
@@ -102,16 +102,20 @@
 
 .flex-header {
   display: flex;
   align-items: center;
   padding: 3px;
   border-block-end: 1px solid var(--theme-splitter-color);
 }
 
+.flex-header-button-prev {
+  cursor: pointer;
+}
+
 .flex-header-button-prev::before {
   background-image: url("chrome://devtools/skin/images/arrowhead-left.svg");
   background-size: 16px;
 }
 
 html[dir="rtl"] .flex-header-button-prev::before {
   background-image: url("chrome://devtools/skin/images/arrowhead-right.svg");
 }
@@ -172,16 +176,17 @@ html[dir="rtl"] .flex-header-button-prev
   color: var(--theme-comment);
   padding-inline-start: 23px;
   margin-bottom: 4px;
   -moz-user-select: none;
 }
 
 .flex-item-list .devtools-button {
   background-color: transparent;
+  cursor: pointer;
   text-overflow: ellipsis;
   overflow: hidden;
   inline-size: 100%;
   text-align: start;
   height: 24px;
   margin: 0;
   padding-inline-start: 28px;
   padding-inline-end: 16px;
@@ -220,16 +225,17 @@ html[dir="rtl"] .flex-item-list .devtool
 }
 
 /**
  * Flex Item Selector
  */
 
 #flex-item-selector {
   background-position: right 4px center;
+  cursor: pointer;
   padding-left: 0;
   vertical-align: middle;
   width: 140px;
 }
 
 #flex-item-selector .objectBox-node {
   display: inline-block;
   font-size: 12px;