- 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();
}