Title: [260839] trunk/Source/WebInspectorUI
- Revision
- 260839
- Author
- nvasil...@apple.com
- Date
- 2020-04-28 12:18:42 -0700 (Tue, 28 Apr 2020)
Log Message
Web Inspector: Elements: Classes toggle button has wrong outline on focus
https://bugs.webkit.org/show_bug.cgi?id=211104
<rdar://problem/62475340>
Reviewed by Devin Rousso.
* UserInterface/Views/GeneralStyleDetailsSidebarPanel.css:
(.sidebar > .panel.details.css-style > .content ~ .options-container > .toggle-class-toggle:focus):
* UserInterface/Views/Variables.css:
(:root):
Modified Paths
Diff
Modified: trunk/Source/WebInspectorUI/ChangeLog (260838 => 260839)
--- trunk/Source/WebInspectorUI/ChangeLog 2020-04-28 19:07:30 UTC (rev 260838)
+++ trunk/Source/WebInspectorUI/ChangeLog 2020-04-28 19:18:42 UTC (rev 260839)
@@ -1,3 +1,16 @@
+2020-04-28 Nikita Vasilyev <nvasil...@apple.com>
+
+ Web Inspector: Elements: Classes toggle button has wrong outline on focus
+ https://bugs.webkit.org/show_bug.cgi?id=211104
+ <rdar://problem/62475340>
+
+ Reviewed by Devin Rousso.
+
+ * UserInterface/Views/GeneralStyleDetailsSidebarPanel.css:
+ (.sidebar > .panel.details.css-style > .content ~ .options-container > .toggle-class-toggle:focus):
+ * UserInterface/Views/Variables.css:
+ (:root):
+
2020-04-27 Nikita Vasilyev <nvasil...@apple.com>
REGRESSION (r258730): Web Inspector: Sidebar tabs have incorrect tabIndex
Modified: trunk/Source/WebInspectorUI/UserInterface/Views/GeneralStyleDetailsSidebarPanel.css (260838 => 260839)
--- trunk/Source/WebInspectorUI/UserInterface/Views/GeneralStyleDetailsSidebarPanel.css 2020-04-28 19:07:30 UTC (rev 260838)
+++ trunk/Source/WebInspectorUI/UserInterface/Views/GeneralStyleDetailsSidebarPanel.css 2020-04-28 19:18:42 UTC (rev 260839)
@@ -106,6 +106,10 @@
-webkit-appearance: none;
}
+.sidebar > .panel.details.css-style > .content ~ .options-container > .toggle-class-toggle:focus {
+ outline-offset: var(--focus-ring-outline-offset);
+}
+
.sidebar > .panel.details.css-style > .content ~ .options-container > .toggle-class-toggle::before {
position: absolute;
content: "";
Modified: trunk/Source/WebInspectorUI/UserInterface/Views/Variables.css (260838 => 260839)
--- trunk/Source/WebInspectorUI/UserInterface/Views/Variables.css 2020-04-28 19:07:30 UTC (rev 260838)
+++ trunk/Source/WebInspectorUI/UserInterface/Views/Variables.css 2020-04-28 19:18:42 UTC (rev 260839)
@@ -183,6 +183,8 @@
--odd-zebra-stripe-row-background-color: white;
--transparent-stripe-background-gradient: linear-gradient(to bottom, transparent, transparent 50%, hsla(0, 0%, 0%, 0.03) 50%, hsla(0, 0%, 0%, 0.03)) top left / 100% 40px;
+ --focus-ring-outline-offset: -2px;
+
--undocked-title-area-height: 0px;
--tab-bar-height: var(--navigation-bar-height);
--navigation-bar-height: 29px;
_______________________________________________
webkit-changes mailing list
webkit-changes@lists.webkit.org
https://lists.webkit.org/mailman/listinfo/webkit-changes