DevTools: Focus background in Toolbars

third_party/WebKit/Source/devtools/front_end/ui/toolbar.css

Index: third_party/WebKit/Source/devtools/front_end/ui/toolbar.css
diff --git a/third_party/WebKit/Source/devtools/front_end/ui/toolbar.css b/third_party/WebKit/Source/devtools/front_end/ui/toolbar.css
index d1f9dda0ed61fa735b77240a019caa44413907ec..e29d51d5c01bbdb26905b400ac0fd4b4a7e68a67 100644
--- a/third_party/WebKit/Source/devtools/front_end/ui/toolbar.css
+++ b/third_party/WebKit/Source/devtools/front_end/ui/toolbar.css
@@ -204,6 +204,14 @@ select.toolbar-item {
     padding: 0 13px 0 5px;
     margin-right: -10px;
     position: relative;
+    height: 22px;
+    margin-top: 2px;
+    margin-bottom:2px;
+}
+
+select.toolbar-item[data-keyboard-focus="true"]:focus {
+    background: rgba(0,0,0,.08);
+    border-radius: 2px;
 }
 
 /* Input */
@@ -269,6 +277,22 @@ select.toolbar-item {
     background-color: rgb(163, 163, 163);
 }
 
+.toolbar-button[data-keyboard-focus="true"]:focus::after {
+    position:absolute;
+    top: 2px;
+    bottom: 2px;
+    left: 2px;
+    right: 2px;
+    background-color: rgba(0, 0, 0, 0.08);
+    border-radius: 2px;
+    content: "";
+}
+
+:host-context(.keyboard-focus) .focused:not(.toolbar-input)::after{

[pfeldman, 2017/03/29 21:54:20]

I don't think you are being entirely honest with us.

+    left: 0px;
+    right: -2px;
+}
+
 .toolbar-shadow.floating {
     flex-direction: column;
     height: auto;