Title: [237050] trunk/Source/WebInspectorUI
Revision
237050
Author
[email protected]
Date
2018-10-11 14:46:43 -0700 (Thu, 11 Oct 2018)

Log Message

Web Inspector: remove unused  TreeOutline style .force-focus
https://bugs.webkit.org/show_bug.cgi?id=190480
<rdar://problem/45203484>

Reviewed by Joseph Pecoraro.

* UserInterface/Views/CallFrameTreeElement.css:
(.tree-outline:focus .item.call-frame.selected .status > .status-image):
(.tree-outline:matches(:focus, .force-focus) .item.call-frame.selected .status > .status-image): Deleted.

* UserInterface/Views/CanvasSidebarPanel.css:
(.sidebar > .panel.navigation.canvas > .content > .recording-content > .tree-outline:focus .item.processing.selected .subtitle > progress):
(.sidebar > .panel.navigation.canvas > .content > .recording-content > .tree-outline:matches(:focus, .force-focus) .item.processing.selected .subtitle > progress): Deleted.

* UserInterface/Views/DataGrid.css:
(body[dir=ltr] .data-grid:focus tr.selected td:not(:last-child)):
(body[dir=rtl] .data-grid:focus tr.selected td:not(:last-child)):
(.data-grid:focus tr.parent.selected td.disclosure::before):
(.data-grid:focus tr.parent.expanded.selected td.disclosure::before):
(.data-grid:focus tr.selected):
(.data-grid:focus tr.selected td .subtitle):
(body:not(.window-inactive, .window-docked-inactive) .data-grid:focus tr.editable.selected .cell-content > input):
(@media (prefers-dark-interface)):
(body[dir=ltr] .data-grid:matches(:focus, .force-focus) tr.selected td:not(:last-child)): Deleted.
(body[dir=rtl] .data-grid:matches(:focus, .force-focus) tr.selected td:not(:last-child)): Deleted.
(.data-grid:matches(:focus, .force-focus) tr.parent.selected td.disclosure::before): Deleted.
(.data-grid:matches(:focus, .force-focus) tr.parent.expanded.selected td.disclosure::before): Deleted.
(.data-grid:matches(:focus, .force-focus) tr.selected): Deleted.
(.data-grid:matches(:focus, .force-focus) tr.selected td .subtitle): Deleted.
(body:not(.window-inactive, .window-docked-inactive) .data-grid:matches(:focus, .force-focus) tr.editable.selected .cell-content > input): Deleted.

* UserInterface/Views/Main.css:
(:focus .selected .go-to-arrow):
(:focus .selected .go-to-arrow:active):
(:matches(:focus, .force-focus) .selected .go-to-arrow): Deleted.
(:matches(:focus, .force-focus) .selected .go-to-arrow:active): Deleted.

* UserInterface/Views/ProfileView.css:
(.profile > .data-grid:focus tr.selected td .location):
(.profile > .data-grid:matches(:focus, .force-focus) tr.selected td .location): Deleted.

* UserInterface/Views/RecordingActionTreeElement.css:
(.tree-outline:focus .item.action.selected:not(.initial-state, .invalid) > .icon):
(body:not(.window-inactive, .window-docked-inactive) .tree-outline:focus .item.action.selected > .titles .parameter.swizzled,):
(.tree-outline:matches(:focus, .force-focus) .item.action.selected:not(.initial-state, .invalid) > .icon): Deleted.
(body:not(.window-inactive, .window-docked-inactive) .tree-outline:matches(:focus, .force-focus) .item.action.selected > .titles .parameter.swizzled,): Deleted.

* UserInterface/Views/ScriptDetailsTimelineView.css:
(.tree-outline:focus .item.selected .alternate-subtitle):
(.tree-outline:matches(:focus, .force-focus) .item.selected .alternate-subtitle): Deleted.

* UserInterface/Views/ShaderProgramTreeElement.css:
(.tree-outline:focus .item.shader-program.selected .status > img):
(.tree-outline:matches(:focus, .force-focus) .item.shader-program.selected .status > img): Deleted.

* UserInterface/Views/ThreadTreeElement.css:
(.tree-outline:focus > .item.thread.selected .status-button.resume):
(.tree-outline:matches(:focus, .force-focus) > .item.thread.selected .status-button.resume): Deleted.

* UserInterface/Views/TimelineRecordBar.css:
(:focus .selected .timeline-record-bar > .segment):
(:focus .selected .timeline-record-bar > .segment.inactive):
(body[dir=ltr] :focus .selected .timeline-record-bar.has-inactive-segment > .segment:not(.inactive)):
(body[dir=rtl] :focus .selected .timeline-record-bar.has-inactive-segment > .segment:not(.inactive)):
(:matches(:focus, .force-focus) .selected .timeline-record-bar > .segment): Deleted.
(:matches(:focus, .force-focus) .selected .timeline-record-bar > .segment.inactive): Deleted.
(body[dir=ltr] :matches(:focus, .force-focus) .selected .timeline-record-bar.has-inactive-segment > .segment:not(.inactive)): Deleted.
(body[dir=rtl] :matches(:focus, .force-focus) .selected .timeline-record-bar.has-inactive-segment > .segment:not(.inactive)): Deleted.

* UserInterface/Views/TreeElementStatusButton.css:
(:focus .item.selected > .status > .status-button):
(:matches(:focus, .force-focus) .item.selected > .status > .status-button): Deleted.

* UserInterface/Views/TreeOutline.css:
(.tree-outline:focus .item.selected .disclosure-button):
(.tree-outline:focus .item.selected.expanded .disclosure-button):
(.tree-outline:focus .item.selected):
(.tree-outline:focus .item.selected .subtitle):
(.tree-outline:not(.large):focus .item.selected .status .indeterminate-progress-spinner):
(.tree-outline:matches(:focus, .force-focus) .item.selected .disclosure-button): Deleted.
(.tree-outline:matches(:focus, .force-focus) .item.selected.expanded .disclosure-button): Deleted.
(.tree-outline:matches(:focus, .force-focus) .item.selected): Deleted.
(.tree-outline:matches(:focus, .force-focus) .item.selected .subtitle): Deleted.
(.tree-outline:not(.large):matches(:focus, .force-focus) .item.selected .status .indeterminate-progress-spinner): Deleted.

Modified Paths

Diff

Modified: trunk/Source/WebInspectorUI/ChangeLog (237049 => 237050)


--- trunk/Source/WebInspectorUI/ChangeLog	2018-10-11 21:43:22 UTC (rev 237049)
+++ trunk/Source/WebInspectorUI/ChangeLog	2018-10-11 21:46:43 UTC (rev 237050)
@@ -1,3 +1,90 @@
+2018-10-11  Matt Baker  <[email protected]>
+
+        Web Inspector: remove unused  TreeOutline style .force-focus
+        https://bugs.webkit.org/show_bug.cgi?id=190480
+        <rdar://problem/45203484>
+
+        Reviewed by Joseph Pecoraro.
+
+        * UserInterface/Views/CallFrameTreeElement.css:
+        (.tree-outline:focus .item.call-frame.selected .status > .status-image):
+        (.tree-outline:matches(:focus, .force-focus) .item.call-frame.selected .status > .status-image): Deleted.
+
+        * UserInterface/Views/CanvasSidebarPanel.css:
+        (.sidebar > .panel.navigation.canvas > .content > .recording-content > .tree-outline:focus .item.processing.selected .subtitle > progress):
+        (.sidebar > .panel.navigation.canvas > .content > .recording-content > .tree-outline:matches(:focus, .force-focus) .item.processing.selected .subtitle > progress): Deleted.
+
+        * UserInterface/Views/DataGrid.css:
+        (body[dir=ltr] .data-grid:focus tr.selected td:not(:last-child)):
+        (body[dir=rtl] .data-grid:focus tr.selected td:not(:last-child)):
+        (.data-grid:focus tr.parent.selected td.disclosure::before):
+        (.data-grid:focus tr.parent.expanded.selected td.disclosure::before):
+        (.data-grid:focus tr.selected):
+        (.data-grid:focus tr.selected td .subtitle):
+        (body:not(.window-inactive, .window-docked-inactive) .data-grid:focus tr.editable.selected .cell-content > input):
+        (@media (prefers-dark-interface)):
+        (body[dir=ltr] .data-grid:matches(:focus, .force-focus) tr.selected td:not(:last-child)): Deleted.
+        (body[dir=rtl] .data-grid:matches(:focus, .force-focus) tr.selected td:not(:last-child)): Deleted.
+        (.data-grid:matches(:focus, .force-focus) tr.parent.selected td.disclosure::before): Deleted.
+        (.data-grid:matches(:focus, .force-focus) tr.parent.expanded.selected td.disclosure::before): Deleted.
+        (.data-grid:matches(:focus, .force-focus) tr.selected): Deleted.
+        (.data-grid:matches(:focus, .force-focus) tr.selected td .subtitle): Deleted.
+        (body:not(.window-inactive, .window-docked-inactive) .data-grid:matches(:focus, .force-focus) tr.editable.selected .cell-content > input): Deleted.
+
+        * UserInterface/Views/Main.css:
+        (:focus .selected .go-to-arrow):
+        (:focus .selected .go-to-arrow:active):
+        (:matches(:focus, .force-focus) .selected .go-to-arrow): Deleted.
+        (:matches(:focus, .force-focus) .selected .go-to-arrow:active): Deleted.
+
+        * UserInterface/Views/ProfileView.css:
+        (.profile > .data-grid:focus tr.selected td .location):
+        (.profile > .data-grid:matches(:focus, .force-focus) tr.selected td .location): Deleted.
+
+        * UserInterface/Views/RecordingActionTreeElement.css:
+        (.tree-outline:focus .item.action.selected:not(.initial-state, .invalid) > .icon):
+        (body:not(.window-inactive, .window-docked-inactive) .tree-outline:focus .item.action.selected > .titles .parameter.swizzled,):
+        (.tree-outline:matches(:focus, .force-focus) .item.action.selected:not(.initial-state, .invalid) > .icon): Deleted.
+        (body:not(.window-inactive, .window-docked-inactive) .tree-outline:matches(:focus, .force-focus) .item.action.selected > .titles .parameter.swizzled,): Deleted.
+
+        * UserInterface/Views/ScriptDetailsTimelineView.css:
+        (.tree-outline:focus .item.selected .alternate-subtitle):
+        (.tree-outline:matches(:focus, .force-focus) .item.selected .alternate-subtitle): Deleted.
+
+        * UserInterface/Views/ShaderProgramTreeElement.css:
+        (.tree-outline:focus .item.shader-program.selected .status > img):
+        (.tree-outline:matches(:focus, .force-focus) .item.shader-program.selected .status > img): Deleted.
+
+        * UserInterface/Views/ThreadTreeElement.css:
+        (.tree-outline:focus > .item.thread.selected .status-button.resume):
+        (.tree-outline:matches(:focus, .force-focus) > .item.thread.selected .status-button.resume): Deleted.
+
+        * UserInterface/Views/TimelineRecordBar.css:
+        (:focus .selected .timeline-record-bar > .segment):
+        (:focus .selected .timeline-record-bar > .segment.inactive):
+        (body[dir=ltr] :focus .selected .timeline-record-bar.has-inactive-segment > .segment:not(.inactive)):
+        (body[dir=rtl] :focus .selected .timeline-record-bar.has-inactive-segment > .segment:not(.inactive)):
+        (:matches(:focus, .force-focus) .selected .timeline-record-bar > .segment): Deleted.
+        (:matches(:focus, .force-focus) .selected .timeline-record-bar > .segment.inactive): Deleted.
+        (body[dir=ltr] :matches(:focus, .force-focus) .selected .timeline-record-bar.has-inactive-segment > .segment:not(.inactive)): Deleted.
+        (body[dir=rtl] :matches(:focus, .force-focus) .selected .timeline-record-bar.has-inactive-segment > .segment:not(.inactive)): Deleted.
+
+        * UserInterface/Views/TreeElementStatusButton.css:
+        (:focus .item.selected > .status > .status-button):
+        (:matches(:focus, .force-focus) .item.selected > .status > .status-button): Deleted.
+
+        * UserInterface/Views/TreeOutline.css:
+        (.tree-outline:focus .item.selected .disclosure-button):
+        (.tree-outline:focus .item.selected.expanded .disclosure-button):
+        (.tree-outline:focus .item.selected):
+        (.tree-outline:focus .item.selected .subtitle):
+        (.tree-outline:not(.large):focus .item.selected .status .indeterminate-progress-spinner):
+        (.tree-outline:matches(:focus, .force-focus) .item.selected .disclosure-button): Deleted.
+        (.tree-outline:matches(:focus, .force-focus) .item.selected.expanded .disclosure-button): Deleted.
+        (.tree-outline:matches(:focus, .force-focus) .item.selected): Deleted.
+        (.tree-outline:matches(:focus, .force-focus) .item.selected .subtitle): Deleted.
+        (.tree-outline:not(.large):matches(:focus, .force-focus) .item.selected .status .indeterminate-progress-spinner): Deleted.
+
 2018-10-11  Devin Rousso  <[email protected]>
 
         Web Inspector: detail view is not re-shown after sorting the Network table

Modified: trunk/Source/WebInspectorUI/UserInterface/Views/CallFrameTreeElement.css (237049 => 237050)


--- trunk/Source/WebInspectorUI/UserInterface/Views/CallFrameTreeElement.css	2018-10-11 21:43:22 UTC (rev 237049)
+++ trunk/Source/WebInspectorUI/UserInterface/Views/CallFrameTreeElement.css	2018-10-11 21:46:43 UTC (rev 237050)
@@ -53,7 +53,7 @@
     fill: var(--border-color-dark);
 }
 
-.tree-outline:matches(:focus, .force-focus) .item.call-frame.selected .status > .status-image {
+.tree-outline:focus .item.call-frame.selected .status > .status-image {
     fill: var(--selected-foreground-color);
 }
 

Modified: trunk/Source/WebInspectorUI/UserInterface/Views/CanvasSidebarPanel.css (237049 => 237050)


--- trunk/Source/WebInspectorUI/UserInterface/Views/CanvasSidebarPanel.css	2018-10-11 21:43:22 UTC (rev 237049)
+++ trunk/Source/WebInspectorUI/UserInterface/Views/CanvasSidebarPanel.css	2018-10-11 21:46:43 UTC (rev 237050)
@@ -79,7 +79,7 @@
     vertical-align: -3px;
 }
 
-.sidebar > .panel.navigation.canvas > .content > .recording-content > .tree-outline:matches(:focus, .force-focus) .item.processing.selected .subtitle > progress {
+.sidebar > .panel.navigation.canvas > .content > .recording-content > .tree-outline:focus .item.processing.selected .subtitle > progress {
     filter: brightness(10);
 }
 

Modified: trunk/Source/WebInspectorUI/UserInterface/Views/DataGrid.css (237049 => 237050)


--- trunk/Source/WebInspectorUI/UserInterface/Views/DataGrid.css	2018-10-11 21:43:22 UTC (rev 237049)
+++ trunk/Source/WebInspectorUI/UserInterface/Views/DataGrid.css	2018-10-11 21:46:43 UTC (rev 237050)
@@ -189,11 +189,11 @@
     pointer-events: none;
 }
 
-body[dir=ltr] .data-grid:matches(:focus, .force-focus) tr.selected td:not(:last-child) {
+body[dir=ltr] .data-grid:focus tr.selected td:not(:last-child) {
     border-right-color: hsl(210, 100%, 40%);
 }
 
-body[dir=rtl] .data-grid:matches(:focus, .force-focus) tr.selected td:not(:last-child) {
+body[dir=rtl] .data-grid:focus tr.selected td:not(:last-child) {
     border-left-color: hsl(210, 100%, 40%);
 }
 
@@ -287,11 +287,11 @@
     background-image: url(../Images/DisclosureTriangles.svg#open-normal);
 }
 
-.data-grid:matches(:focus, .force-focus) tr.parent.selected td.disclosure::before {
+.data-grid:focus tr.parent.selected td.disclosure::before {
     background-image: url(../Images/DisclosureTriangles.svg#closed-selected);
 }
 
-.data-grid:matches(:focus, .force-focus) tr.parent.expanded.selected td.disclosure::before {
+.data-grid:focus tr.parent.expanded.selected td.disclosure::before {
     background-image: url(../Images/DisclosureTriangles.svg#open-selected);
 }
 
@@ -300,7 +300,7 @@
     color: inherit !important;
 }
 
-.data-grid:matches(:focus, .force-focus) tr.selected {
+.data-grid:focus tr.selected {
     background-color: var(--selected-background-color) !important;
     color: var(--selected-foreground-color) !important;
 }
@@ -317,7 +317,7 @@
     content: " — ";
 }
 
-.data-grid:matches(:focus, .force-focus) tr.selected td .subtitle {
+.data-grid:focus tr.selected td .subtitle {
     color: hsla(0, 0%, 100%, 0.9);
 }
 
@@ -425,7 +425,7 @@
     outline: none;
 }
 
-body:not(.window-inactive, .window-docked-inactive) .data-grid:matches(:focus, .force-focus) tr.editable.selected .cell-content > input {
+body:not(.window-inactive, .window-docked-inactive) .data-grid:focus tr.editable.selected .cell-content > input {
     color: var(--text-color);
 }
 
@@ -434,7 +434,7 @@
         color: var(--selected-secondary-text-color);
     }
 
-    .data-grid:matches(:focus, .force-focus) tr.selected td .subtitle {
+    .data-grid:focus tr.selected td .subtitle {
         color: hsla(0, 0%, var(--foreground-lightness), 0.9);
     }
 

Modified: trunk/Source/WebInspectorUI/UserInterface/Views/Main.css (237049 => 237050)


--- trunk/Source/WebInspectorUI/UserInterface/Views/Main.css	2018-10-11 21:43:22 UTC (rev 237049)
+++ trunk/Source/WebInspectorUI/UserInterface/Views/Main.css	2018-10-11 21:46:43 UTC (rev 237050)
@@ -279,11 +279,11 @@
     transform: scaleX(-1);
 }
 
-:matches(:focus, .force-focus) .selected .go-to-arrow {
+:focus .selected .go-to-arrow {
     background-image: url(../Images/GoToArrow.svg#selected);
 }
 
-:matches(:focus, .force-focus) .selected .go-to-arrow:active {
+:focus .selected .go-to-arrow:active {
     background-image: url(../Images/GoToArrow.svg#selected-active);
 }
 

Modified: trunk/Source/WebInspectorUI/UserInterface/Views/ProfileView.css (237049 => 237050)


--- trunk/Source/WebInspectorUI/UserInterface/Views/ProfileView.css	2018-10-11 21:43:22 UTC (rev 237049)
+++ trunk/Source/WebInspectorUI/UserInterface/Views/ProfileView.css	2018-10-11 21:46:43 UTC (rev 237050)
@@ -49,7 +49,7 @@
     color: hsl(0, 0%, 60%);
 }
 
-.profile > .data-grid:matches(:focus, .force-focus) tr.selected td .location {
+.profile > .data-grid:focus tr.selected td .location {
     color: hsl(0, 0%, 85%);
 }
 

Modified: trunk/Source/WebInspectorUI/UserInterface/Views/RecordingActionTreeElement.css (237049 => 237050)


--- trunk/Source/WebInspectorUI/UserInterface/Views/RecordingActionTreeElement.css	2018-10-11 21:43:22 UTC (rev 237049)
+++ trunk/Source/WebInspectorUI/UserInterface/Views/RecordingActionTreeElement.css	2018-10-11 21:46:43 UTC (rev 237050)
@@ -52,7 +52,7 @@
     margin-left: var(--tree-outline-icon-margin-end);
 }
 
-.tree-outline:matches(:focus, .force-focus) .item.action.selected:not(.initial-state, .invalid) > .icon {
+.tree-outline:focus .item.action.selected:not(.initial-state, .invalid) > .icon {
     filter: invert();
     opacity: 1;
 }
@@ -67,8 +67,8 @@
     font-style: italic;
 }
 
-body:not(.window-inactive, .window-docked-inactive) .tree-outline:matches(:focus, .force-focus) .item.action.selected > .titles .parameter.swizzled,
-body:not(.window-inactive, .window-docked-inactive) .tree-outline:matches(:focus, .force-focus) .item.action.selected::before {
+body:not(.window-inactive, .window-docked-inactive) .tree-outline:focus .item.action.selected > .titles .parameter.swizzled,
+body:not(.window-inactive, .window-docked-inactive) .tree-outline:focus .item.action.selected::before {
     color: var(--selected-secondary-text-color);
 }
 

Modified: trunk/Source/WebInspectorUI/UserInterface/Views/ScriptDetailsTimelineView.css (237049 => 237050)


--- trunk/Source/WebInspectorUI/UserInterface/Views/ScriptDetailsTimelineView.css	2018-10-11 21:43:22 UTC (rev 237049)
+++ trunk/Source/WebInspectorUI/UserInterface/Views/ScriptDetailsTimelineView.css	2018-10-11 21:46:43 UTC (rev 237050)
@@ -43,7 +43,7 @@
     color: hsla(0, 0%, 0%, 0.7);
 }
 
-.tree-outline:matches(:focus, .force-focus) .item.selected .alternate-subtitle {
+.tree-outline:focus .item.selected .alternate-subtitle {
     color: hsla(0, 0%, 100%, 0.9);
 }
 

Modified: trunk/Source/WebInspectorUI/UserInterface/Views/ShaderProgramTreeElement.css (237049 => 237050)


--- trunk/Source/WebInspectorUI/UserInterface/Views/ShaderProgramTreeElement.css	2018-10-11 21:43:22 UTC (rev 237049)
+++ trunk/Source/WebInspectorUI/UserInterface/Views/ShaderProgramTreeElement.css	2018-10-11 21:46:43 UTC (rev 237050)
@@ -33,7 +33,7 @@
     display: none;
 }
 
-.tree-outline:matches(:focus, .force-focus) .item.shader-program.selected .status > img {
+.tree-outline:focus .item.shader-program.selected .status > img {
     filter: invert();
 }
 

Modified: trunk/Source/WebInspectorUI/UserInterface/Views/ThreadTreeElement.css (237049 => 237050)


--- trunk/Source/WebInspectorUI/UserInterface/Views/ThreadTreeElement.css	2018-10-11 21:43:22 UTC (rev 237049)
+++ trunk/Source/WebInspectorUI/UserInterface/Views/ThreadTreeElement.css	2018-10-11 21:46:43 UTC (rev 237050)
@@ -42,7 +42,7 @@
     fill: hsla(0, 0%, 0%, 0.7);
 }
 
-.tree-outline:matches(:focus, .force-focus) > .item.thread.selected .status-button.resume {
+.tree-outline:focus > .item.thread.selected .status-button.resume {
     fill: var(--selected-foreground-color);
 }
 

Modified: trunk/Source/WebInspectorUI/UserInterface/Views/TimelineRecordBar.css (237049 => 237050)


--- trunk/Source/WebInspectorUI/UserInterface/Views/TimelineRecordBar.css	2018-10-11 21:43:22 UTC (rev 237049)
+++ trunk/Source/WebInspectorUI/UserInterface/Views/TimelineRecordBar.css	2018-10-11 21:46:43 UTC (rev 237050)
@@ -73,20 +73,20 @@
     border-bottom-left-radius: 0 !important;
 }
 
-:matches(:focus, .force-focus) .selected .timeline-record-bar > .segment {
+:focus .selected .timeline-record-bar > .segment {
     background-color: white !important;
     border: none !important;
 }
 
-:matches(:focus, .force-focus) .selected .timeline-record-bar > .segment.inactive {
+:focus .selected .timeline-record-bar > .segment.inactive {
     background-color: hsl(215, 63%, 85%) !important;
 }
 
-body[dir=ltr] :matches(:focus, .force-focus) .selected .timeline-record-bar.has-inactive-segment > .segment:not(.inactive) {
+body[dir=ltr] :focus .selected .timeline-record-bar.has-inactive-segment > .segment:not(.inactive) {
     border-left: var(--timeline-record-bar-has-inactive-segment-not-inactive-segment-border-start);
 }
 
-body[dir=rtl] :matches(:focus, .force-focus) .selected .timeline-record-bar.has-inactive-segment > .segment:not(.inactive) {
+body[dir=rtl] :focus .selected .timeline-record-bar.has-inactive-segment > .segment:not(.inactive) {
     border-right: var(--timeline-record-bar-has-inactive-segment-not-inactive-segment-border-start);
 }
 

Modified: trunk/Source/WebInspectorUI/UserInterface/Views/TreeElementStatusButton.css (237049 => 237050)


--- trunk/Source/WebInspectorUI/UserInterface/Views/TreeElementStatusButton.css	2018-10-11 21:43:22 UTC (rev 237049)
+++ trunk/Source/WebInspectorUI/UserInterface/Views/TreeElementStatusButton.css	2018-10-11 21:46:43 UTC (rev 237050)
@@ -34,7 +34,7 @@
     color: hsl(0, 0%, 50%);
 }
 
-:matches(:focus, .force-focus) .item.selected > .status > .status-button {
+:focus .item.selected > .status > .status-button {
     color: white;
 }
 

Modified: trunk/Source/WebInspectorUI/UserInterface/Views/TreeOutline.css (237049 => 237050)


--- trunk/Source/WebInspectorUI/UserInterface/Views/TreeOutline.css	2018-10-11 21:43:22 UTC (rev 237049)
+++ trunk/Source/WebInspectorUI/UserInterface/Views/TreeOutline.css	2018-10-11 21:46:43 UTC (rev 237050)
@@ -118,7 +118,7 @@
     display: block;
 }
 
-.tree-outline:matches(:focus, .force-focus) .item.selected .disclosure-button {
+.tree-outline:focus .item.selected .disclosure-button {
     background-image: url(../Images/DisclosureTriangles.svg#closed-selected) !important;
 }
 
@@ -126,7 +126,7 @@
     background-image: url(../Images/DisclosureTriangles.svg#open-normal);
 }
 
-.tree-outline:matches(:focus, .force-focus) .item.selected.expanded .disclosure-button {
+.tree-outline:focus .item.selected.expanded .disclosure-button {
     background-image: url(../Images/DisclosureTriangles.svg#open-selected) !important;
 }
 
@@ -182,7 +182,7 @@
     background-color: var(--selected-background-color-unfocused);
 }
 
-.tree-outline:matches(:focus, .force-focus) .item.selected {
+.tree-outline:focus .item.selected {
     color: var(--selected-foreground-color);
     background-color: var(--selected-background-color);
 }
@@ -227,7 +227,7 @@
     font-size: 9px;
 }
 
-.tree-outline:matches(:focus, .force-focus) .item.selected .subtitle {
+.tree-outline:focus .item.selected .subtitle {
     color: hsla(0, 0%, 100%, 0.9);
 }
 
@@ -242,7 +242,7 @@
     height: 14px;
 }
 
-.tree-outline:not(.large):matches(:focus, .force-focus) .item.selected .status .indeterminate-progress-spinner {
+.tree-outline:not(.large):focus .item.selected .status .indeterminate-progress-spinner {
     filter: invert();
 }
 
_______________________________________________
webkit-changes mailing list
[email protected]
https://lists.webkit.org/mailman/listinfo/webkit-changes

Reply via email to