Title: [287022] trunk/Source/WebInspectorUI
- Revision
- 287022
- Author
- [email protected]
- Date
- 2021-12-14 07:49:11 -0800 (Tue, 14 Dec 2021)
Log Message
Web Inspector: Computed Panel: Adjust color of CSS Variables grouping mode control
https://bugs.webkit.org/show_bug.cgi?id=234246
<rdar://problem/86414682>
Reviewed by Devin Rousso.
Change color of CSS variables grouping mode scope bar from the system accent color to transparent
so it doesn't draw disproportionate attention to itself.
* UserInterface/Views/ComputedStyleDetailsPanel.css:
(.sidebar > .panel.details.css-style > .content > .computed > .details-section.computed-style-variables .scope-bar.computed-style-variables-grouping-mode:not(:hover)):
(.sidebar > .panel.details.css-style > .content > .computed > .details-section.computed-style-variables .scope-bar.computed-style-variables-grouping-mode.default-item-selected:not(:hover)): Deleted.
(.sidebar > .panel.details.css-style > .content > .computed > .details-section.computed-style-variables .scope-bar.computed-style-variables-grouping-mode.default-item-selected:hover): Deleted.
Modified Paths
Diff
Modified: trunk/Source/WebInspectorUI/ChangeLog (287021 => 287022)
--- trunk/Source/WebInspectorUI/ChangeLog 2021-12-14 10:48:01 UTC (rev 287021)
+++ trunk/Source/WebInspectorUI/ChangeLog 2021-12-14 15:49:11 UTC (rev 287022)
@@ -1,3 +1,19 @@
+2021-12-14 Razvan Caliman <[email protected]>
+
+ Web Inspector: Computed Panel: Adjust color of CSS Variables grouping mode control
+ https://bugs.webkit.org/show_bug.cgi?id=234246
+ <rdar://problem/86414682>
+
+ Reviewed by Devin Rousso.
+
+ Change color of CSS variables grouping mode scope bar from the system accent color to transparent
+ so it doesn't draw disproportionate attention to itself.
+
+ * UserInterface/Views/ComputedStyleDetailsPanel.css:
+ (.sidebar > .panel.details.css-style > .content > .computed > .details-section.computed-style-variables .scope-bar.computed-style-variables-grouping-mode:not(:hover)):
+ (.sidebar > .panel.details.css-style > .content > .computed > .details-section.computed-style-variables .scope-bar.computed-style-variables-grouping-mode.default-item-selected:not(:hover)): Deleted.
+ (.sidebar > .panel.details.css-style > .content > .computed > .details-section.computed-style-variables .scope-bar.computed-style-variables-grouping-mode.default-item-selected:hover): Deleted.
+
2021-12-13 Devin Rousso <[email protected]>
Web Inspector: remove coloring of Web Inspector area in dock icons
Modified: trunk/Source/WebInspectorUI/UserInterface/Views/ComputedStyleDetailsPanel.css (287021 => 287022)
--- trunk/Source/WebInspectorUI/UserInterface/Views/ComputedStyleDetailsPanel.css 2021-12-14 10:48:01 UTC (rev 287021)
+++ trunk/Source/WebInspectorUI/UserInterface/Views/ComputedStyleDetailsPanel.css 2021-12-14 15:49:11 UTC (rev 287022)
@@ -65,12 +65,12 @@
font-weight: normal;
}
-.sidebar > .panel.details.css-style > .content > .computed > .details-section.computed-style-variables .scope-bar.computed-style-variables-grouping-mode.default-item-selected:not(:hover) {
+.sidebar > .panel.details.css-style > .content > .computed > .details-section.computed-style-variables .scope-bar.computed-style-variables-grouping-mode:not(:hover) {
--scope-bar-text-color-override: var(--text-color);
--scope-bar-background-color-override: transparent;
--scope-bar-border-color-override: transparent;
}
-.sidebar > .panel.details.css-style > .content > .computed > .details-section.computed-style-variables .scope-bar.computed-style-variables-grouping-mode.default-item-selected:hover {
+.sidebar > .panel.details.css-style > .content > .computed > .details-section.computed-style-variables .scope-bar.computed-style-variables-grouping-mode:hover {
--scope-bar-background-opacity-override: 0.5;
}
\ No newline at end of file
_______________________________________________
webkit-changes mailing list
[email protected]
https://lists.webkit.org/mailman/listinfo/webkit-changes
