Changeset 237050 in webkit


Ignore:
Timestamp:
Oct 11, 2018 2:46:43 PM (6 years ago)
Author:
Matt Baker
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.

Location:
trunk/Source/WebInspectorUI
Files:
13 edited

Legend:

Unmodified
Added
Removed

  • trunk/Source/WebInspectorUI/ChangeLog

    r237043 r237050  
     12018-10-11  Matt Baker  <mattbaker@apple.com>
     2
     3        Web Inspector: remove unused  TreeOutline style .force-focus
     4        https://bugs.webkit.org/show_bug.cgi?id=190480
     5        <rdar://problem/45203484>
     6
     7        Reviewed by Joseph Pecoraro.
     8
     9        * UserInterface/Views/CallFrameTreeElement.css:
     10        (.tree-outline:focus .item.call-frame.selected .status > .status-image):
     11        (.tree-outline:matches(:focus, .force-focus) .item.call-frame.selected .status > .status-image): Deleted.
     12
     13        * UserInterface/Views/CanvasSidebarPanel.css:
     14        (.sidebar > .panel.navigation.canvas > .content > .recording-content > .tree-outline:focus .item.processing.selected .subtitle > progress):
     15        (.sidebar > .panel.navigation.canvas > .content > .recording-content > .tree-outline:matches(:focus, .force-focus) .item.processing.selected .subtitle > progress): Deleted.
     16
     17        * UserInterface/Views/DataGrid.css:
     18        (body[dir=ltr] .data-grid:focus tr.selected td:not(:last-child)):
     19        (body[dir=rtl] .data-grid:focus tr.selected td:not(:last-child)):
     20        (.data-grid:focus tr.parent.selected td.disclosure::before):
     21        (.data-grid:focus tr.parent.expanded.selected td.disclosure::before):
     22        (.data-grid:focus tr.selected):
     23        (.data-grid:focus tr.selected td .subtitle):
     24        (body:not(.window-inactive, .window-docked-inactive) .data-grid:focus tr.editable.selected .cell-content > input):
     25        (@media (prefers-dark-interface)):
     26        (body[dir=ltr] .data-grid:matches(:focus, .force-focus) tr.selected td:not(:last-child)): Deleted.
     27        (body[dir=rtl] .data-grid:matches(:focus, .force-focus) tr.selected td:not(:last-child)): Deleted.
     28        (.data-grid:matches(:focus, .force-focus) tr.parent.selected td.disclosure::before): Deleted.
     29        (.data-grid:matches(:focus, .force-focus) tr.parent.expanded.selected td.disclosure::before): Deleted.
     30        (.data-grid:matches(:focus, .force-focus) tr.selected): Deleted.
     31        (.data-grid:matches(:focus, .force-focus) tr.selected td .subtitle): Deleted.
     32        (body:not(.window-inactive, .window-docked-inactive) .data-grid:matches(:focus, .force-focus) tr.editable.selected .cell-content > input): Deleted.
     33
     34        * UserInterface/Views/Main.css:
     35        (:focus .selected .go-to-arrow):
     36        (:focus .selected .go-to-arrow:active):
     37        (:matches(:focus, .force-focus) .selected .go-to-arrow): Deleted.
     38        (:matches(:focus, .force-focus) .selected .go-to-arrow:active): Deleted.
     39
     40        * UserInterface/Views/ProfileView.css:
     41        (.profile > .data-grid:focus tr.selected td .location):
     42        (.profile > .data-grid:matches(:focus, .force-focus) tr.selected td .location): Deleted.
     43
     44        * UserInterface/Views/RecordingActionTreeElement.css:
     45        (.tree-outline:focus .item.action.selected:not(.initial-state, .invalid) > .icon):
     46        (body:not(.window-inactive, .window-docked-inactive) .tree-outline:focus .item.action.selected > .titles .parameter.swizzled,):
     47        (.tree-outline:matches(:focus, .force-focus) .item.action.selected:not(.initial-state, .invalid) > .icon): Deleted.
     48        (body:not(.window-inactive, .window-docked-inactive) .tree-outline:matches(:focus, .force-focus) .item.action.selected > .titles .parameter.swizzled,): Deleted.
     49
     50        * UserInterface/Views/ScriptDetailsTimelineView.css:
     51        (.tree-outline:focus .item.selected .alternate-subtitle):
     52        (.tree-outline:matches(:focus, .force-focus) .item.selected .alternate-subtitle): Deleted.
     53
     54        * UserInterface/Views/ShaderProgramTreeElement.css:
     55        (.tree-outline:focus .item.shader-program.selected .status > img):
     56        (.tree-outline:matches(:focus, .force-focus) .item.shader-program.selected .status > img): Deleted.
     57
     58        * UserInterface/Views/ThreadTreeElement.css:
     59        (.tree-outline:focus > .item.thread.selected .status-button.resume):
     60        (.tree-outline:matches(:focus, .force-focus) > .item.thread.selected .status-button.resume): Deleted.
     61
     62        * UserInterface/Views/TimelineRecordBar.css:
     63        (:focus .selected .timeline-record-bar > .segment):
     64        (:focus .selected .timeline-record-bar > .segment.inactive):
     65        (body[dir=ltr] :focus .selected .timeline-record-bar.has-inactive-segment > .segment:not(.inactive)):
     66        (body[dir=rtl] :focus .selected .timeline-record-bar.has-inactive-segment > .segment:not(.inactive)):
     67        (:matches(:focus, .force-focus) .selected .timeline-record-bar > .segment): Deleted.
     68        (:matches(:focus, .force-focus) .selected .timeline-record-bar > .segment.inactive): Deleted.
     69        (body[dir=ltr] :matches(:focus, .force-focus) .selected .timeline-record-bar.has-inactive-segment > .segment:not(.inactive)): Deleted.
     70        (body[dir=rtl] :matches(:focus, .force-focus) .selected .timeline-record-bar.has-inactive-segment > .segment:not(.inactive)): Deleted.
     71
     72        * UserInterface/Views/TreeElementStatusButton.css:
     73        (:focus .item.selected > .status > .status-button):
     74        (:matches(:focus, .force-focus) .item.selected > .status > .status-button): Deleted.
     75
     76        * UserInterface/Views/TreeOutline.css:
     77        (.tree-outline:focus .item.selected .disclosure-button):
     78        (.tree-outline:focus .item.selected.expanded .disclosure-button):
     79        (.tree-outline:focus .item.selected):
     80        (.tree-outline:focus .item.selected .subtitle):
     81        (.tree-outline:not(.large):focus .item.selected .status .indeterminate-progress-spinner):
     82        (.tree-outline:matches(:focus, .force-focus) .item.selected .disclosure-button): Deleted.
     83        (.tree-outline:matches(:focus, .force-focus) .item.selected.expanded .disclosure-button): Deleted.
     84        (.tree-outline:matches(:focus, .force-focus) .item.selected): Deleted.
     85        (.tree-outline:matches(:focus, .force-focus) .item.selected .subtitle): Deleted.
     86        (.tree-outline:not(.large):matches(:focus, .force-focus) .item.selected .status .indeterminate-progress-spinner): Deleted.
     87
    1882018-10-11  Devin Rousso  <drousso@apple.com>
    289

  • trunk/Source/WebInspectorUI/UserInterface/Views/CallFrameTreeElement.css

    r214846 r237050  
    5454}
    5555
    56 .tree-outline:matches(:focus, .force-focus) .item.call-frame.selected .status > .status-image {
     56.tree-outline:focus .item.call-frame.selected .status > .status-image {
    5757    fill: var(--selected-foreground-color);
    5858}

  • trunk/Source/WebInspectorUI/UserInterface/Views/CanvasSidebarPanel.css

    r236986 r237050  
    8080}
    8181
    82 .sidebar > .panel.navigation.canvas > .content > .recording-content > .tree-outline:matches(:focus, .force-focus) .item.processing.selected .subtitle > progress {
     82.sidebar > .panel.navigation.canvas > .content > .recording-content > .tree-outline:focus .item.processing.selected .subtitle > progress {
    8383    filter: brightness(10);
    8484}

  • trunk/Source/WebInspectorUI/UserInterface/Views/DataGrid.css

    r236705 r237050  
    190190}
    191191
    192 body[dir=ltr] .data-grid:matches(:focus, .force-focus) tr.selected td:not(:last-child) {
     192body[dir=ltr] .data-grid:focus tr.selected td:not(:last-child) {
    193193    border-right-color: hsl(210, 100%, 40%);
    194194}
    195195
    196 body[dir=rtl] .data-grid:matches(:focus, .force-focus) tr.selected td:not(:last-child) {
     196body[dir=rtl] .data-grid:focus tr.selected td:not(:last-child) {
    197197    border-left-color: hsl(210, 100%, 40%);
    198198}
    … …  
    288288}
    289289
    290 .data-grid:matches(:focus, .force-focus) tr.parent.selected td.disclosure::before {
     290.data-grid:focus tr.parent.selected td.disclosure::before {
    291291    background-image: url(../Images/DisclosureTriangles.svg#closed-selected);
    292292}
    293293
    294 .data-grid:matches(:focus, .force-focus) tr.parent.expanded.selected td.disclosure::before {
     294.data-grid:focus tr.parent.expanded.selected td.disclosure::before {
    295295    background-image: url(../Images/DisclosureTriangles.svg#open-selected);
    296296}
    … …  
    301301}
    302302
    303 .data-grid:matches(:focus, .force-focus) tr.selected {
     303.data-grid:focus tr.selected {
    304304    background-color: var(--selected-background-color) !important;
    305305    color: var(--selected-foreground-color) !important;
    … …  
    318318}
    319319
    320 .data-grid:matches(:focus, .force-focus) tr.selected td .subtitle {
     320.data-grid:focus tr.selected td .subtitle {
    321321    color: hsla(0, 0%, 100%, 0.9);
    322322}
    … …  
    426426}
    427427
    428 body:not(.window-inactive, .window-docked-inactive) .data-grid:matches(:focus, .force-focus) tr.editable.selected .cell-content > input {
     428body:not(.window-inactive, .window-docked-inactive) .data-grid:focus tr.editable.selected .cell-content > input {
    429429    color: var(--text-color);
    430430}
    … …  
    435435    }
    436436
    437     .data-grid:matches(:focus, .force-focus) tr.selected td .subtitle {
     437    .data-grid:focus tr.selected td .subtitle {
    438438        color: hsla(0, 0%, var(--foreground-lightness), 0.9);
    439439    }

  • trunk/Source/WebInspectorUI/UserInterface/Views/Main.css

    r236358 r237050  
    280280}
    281281
    282 :matches(:focus, .force-focus) .selected .go-to-arrow {
     282:focus .selected .go-to-arrow {
    283283    background-image: url(../Images/GoToArrow.svg#selected);
    284284}
    285285
    286 :matches(:focus, .force-focus) .selected .go-to-arrow:active {
     286:focus .selected .go-to-arrow:active {
    287287    background-image: url(../Images/GoToArrow.svg#selected-active);
    288288}

  • trunk/Source/WebInspectorUI/UserInterface/Views/ProfileView.css

    r201934 r237050  
    5050}
    5151
    52 .profile > .data-grid:matches(:focus, .force-focus) tr.selected td .location {
     52.profile > .data-grid:focus tr.selected td .location {
    5353    color: hsl(0, 0%, 85%);
    5454}

  • trunk/Source/WebInspectorUI/UserInterface/Views/RecordingActionTreeElement.css

    r236715 r237050  
    5353}
    5454
    55 .tree-outline:matches(:focus, .force-focus) .item.action.selected:not(.initial-state, .invalid) > .icon {
     55.tree-outline:focus .item.action.selected:not(.initial-state, .invalid) > .icon {
    5656    filter: invert();
    5757    opacity: 1;
    … …  
    6868}
    6969
    70 body:not(.window-inactive, .window-docked-inactive) .tree-outline:matches(:focus, .force-focus) .item.action.selected > .titles .parameter.swizzled,
    71 body:not(.window-inactive, .window-docked-inactive) .tree-outline:matches(:focus, .force-focus) .item.action.selected::before {
     70body:not(.window-inactive, .window-docked-inactive) .tree-outline:focus .item.action.selected > .titles .parameter.swizzled,
     71body:not(.window-inactive, .window-docked-inactive) .tree-outline:focus .item.action.selected::before {
    7272    color: var(--selected-secondary-text-color);
    7373}

  • trunk/Source/WebInspectorUI/UserInterface/Views/ScriptDetailsTimelineView.css

    r197619 r237050  
    4444}
    4545
    46 .tree-outline:matches(:focus, .force-focus) .item.selected .alternate-subtitle {
     46.tree-outline:focus .item.selected .alternate-subtitle {
    4747    color: hsla(0, 0%, 100%, 0.9);
    4848}

  • trunk/Source/WebInspectorUI/UserInterface/Views/ShaderProgramTreeElement.css

    r236237 r237050  
    3434}
    3535
    36 .tree-outline:matches(:focus, .force-focus) .item.shader-program.selected .status > img {
     36.tree-outline:focus .item.shader-program.selected .status > img {
    3737    filter: invert();
    3838}

  • trunk/Source/WebInspectorUI/UserInterface/Views/ThreadTreeElement.css

    r215903 r237050  
    4343}
    4444
    45 .tree-outline:matches(:focus, .force-focus) > .item.thread.selected .status-button.resume {
     45.tree-outline:focus > .item.thread.selected .status-button.resume {
    4646    fill: var(--selected-foreground-color);
    4747}

  • trunk/Source/WebInspectorUI/UserInterface/Views/TimelineRecordBar.css

    r213928 r237050  
    7474}
    7575
    76 :matches(:focus, .force-focus) .selected .timeline-record-bar > .segment {
     76:focus .selected .timeline-record-bar > .segment {
    7777    background-color: white !important;
    7878    border: none !important;
    7979}
    8080
    81 :matches(:focus, .force-focus) .selected .timeline-record-bar > .segment.inactive {
     81:focus .selected .timeline-record-bar > .segment.inactive {
    8282    background-color: hsl(215, 63%, 85%) !important;
    8383}
    8484
    85 body[dir=ltr] :matches(:focus, .force-focus) .selected .timeline-record-bar.has-inactive-segment > .segment:not(.inactive) {
     85body[dir=ltr] :focus .selected .timeline-record-bar.has-inactive-segment > .segment:not(.inactive) {
    8686    border-left: var(--timeline-record-bar-has-inactive-segment-not-inactive-segment-border-start);
    8787}
    8888
    89 body[dir=rtl] :matches(:focus, .force-focus) .selected .timeline-record-bar.has-inactive-segment > .segment:not(.inactive) {
     89body[dir=rtl] :focus .selected .timeline-record-bar.has-inactive-segment > .segment:not(.inactive) {
    9090    border-right: var(--timeline-record-bar-has-inactive-segment-not-inactive-segment-border-start);
    9191}

  • trunk/Source/WebInspectorUI/UserInterface/Views/TreeElementStatusButton.css

    r191693 r237050  
    3535}
    3636
    37 :matches(:focus, .force-focus) .item.selected > .status > .status-button {
     37:focus .item.selected > .status > .status-button {
    3838    color: white;
    3939}

  • trunk/Source/WebInspectorUI/UserInterface/Views/TreeOutline.css

    r236237 r237050  
    119119}
    120120
    121 .tree-outline:matches(:focus, .force-focus) .item.selected .disclosure-button {
     121.tree-outline:focus .item.selected .disclosure-button {
    122122    background-image: url(../Images/DisclosureTriangles.svg#closed-selected) !important;
    123123}
    … …  
    127127}
    128128
    129 .tree-outline:matches(:focus, .force-focus) .item.selected.expanded .disclosure-button {
     129.tree-outline:focus .item.selected.expanded .disclosure-button {
    130130    background-image: url(../Images/DisclosureTriangles.svg#open-selected) !important;
    131131}
    … …  
    183183}
    184184
    185 .tree-outline:matches(:focus, .force-focus) .item.selected {
     185.tree-outline:focus .item.selected {
    186186    color: var(--selected-foreground-color);
    187187    background-color: var(--selected-background-color);
    … …  
    228228}
    229229
    230 .tree-outline:matches(:focus, .force-focus) .item.selected .subtitle {
     230.tree-outline:focus .item.selected .subtitle {
    231231    color: hsla(0, 0%, 100%, 0.9);
    232232}
    … …  
    243243}
    244244
    245 .tree-outline:not(.large):matches(:focus, .force-focus) .item.selected .status .indeterminate-progress-spinner {
     245.tree-outline:not(.large):focus .item.selected .status .indeterminate-progress-spinner {
    246246    filter: invert();
    247247}
Note: See TracChangeset for help on using the changeset viewer.