Changeset 260853 in webkit

Timestamp:

Apr 28, 2020 3:57:27 PM (4 years ago)

Author:

Nikita Vasilyev

Message:

Web Inspector: Debug: "Outline focused element" should also outline elements with tabIndex=0
​https://bugs.webkit.org/show_bug.cgi?id=211109

Reviewed by Devin Rousso.

• UserInterface/Debug/Bootstrap.css:

(body.focus-debug [tabindex="0"]):
(body.focus-debug *:focus):

Location:

trunk/Source/WebInspectorUI

Files:

• ChangeLog (modified) (1 diff)
• UserInterface/Debug/Bootstrap.css (modified) (1 diff)

trunk/Source/WebInspectorUI/ChangeLog

@@ +1 @@
+2020-04-28  Nikita Vasilyev  <nvasilyev@apple.com>
+
+        Web Inspector: Debug: "Outline focused element" should also outline elements with tabIndex=0
+        https://bugs.webkit.org/show_bug.cgi?id=211109
+
+        Reviewed by Devin Rousso.
+
+        * UserInterface/Debug/Bootstrap.css:
+        (body.focus-debug [tabindex="0"]):
+        (body.focus-debug *:focus):
+
 2020-04-28  Devin Rousso  <drousso@apple.com>
 

trunk/Source/WebInspectorUI/UserInterface/Debug/Bootstrap.css

@@ -24 +24 @@
  */
 
+body.focus-debug [tabindex="0"] {
+    outline: 1px solid hsla(300, 100%, 50%, 0.4) !important;
+    outline-offset: -2px !important;
+}
+
 body.focus-debug *:focus {
-    outline: 2px solid fuchsia !important;
+    outline: 2px solid hsl(300, 100%, 50%) !important;
     outline-offset: -1px !important;
 }