Code view:

A painting is a person's account of this edit as text, recorded independently of the node mapping - a rendering often has several equally defensible answers where the mapping has one. Deletions and insertions carry no position on the opposite side in a painting, so that panel draws no caret for them.

Before

…lines 1–17 unchanged (17 lines)
18 line-height: 32px;
19 align-items: center;
20 padding: 2px 8px;
21 overflow: hidden;
22 text-overflow: ellipsis;
23}
24
25.test-file-test:hover {
26 background-color: var(--color-canvas-subtle);
27}
28
29.test-file-title {
30 font-weight: 600;
31 font-size: 16px;
…lines 32–100 unchanged (69 lines)

After

…lines 1–18 unchanged (18 lines)
19 align-items: center;
20 padding: 2px 8px;
21 overflow: hidden;
22 text-overflow: ellipsis;
23}
24
25.test-file-test-selected, .test-file-test:hover {
26 background-color: var(--color-canvas-subtle);
27}
28
29.test-file-title {
30 font-weight: 600;
31 font-size: 16px;
…lines 32–100 unchanged (69 lines)

Before

stylesheet
comment "/*\n Copyright (c) Microsoft Corporation.\n\n Licensed under "...
rule_set (+38 nodes collapsed)
rule_set
selectors
pseudo_class_selector
class_selector
. "."
class_name
identifier "test-file-test"
: ":"
class_name
identifier "hover"
block
{ "{"
declaration
property_name "background-color"
: ":"
call_expression
function_name "var"
arguments
( "("
plain_value "--color-canvas-subtle"
) ")"
; ";"
} "}"
rule_set
selectors
class_selector
. "."
class_name
identifier "test-file-title"
block
{ "{"
declaration
property_name "font-weight"
: ":"
integer_value "600"
; ";"
declaration
property_name "font-size"
: ":"
integer_value
unit "px"
; ";"
} "}"
rule_set (+59 nodes collapsed)
rule_set
selectors
class_selector
. "."
class_name
identifier "test-file-details-row-items"
block
{ "{"
declaration
property_name "display"
: ":"
plain_value "flex"
; ";"
declaration
property_name "height"
: ":"
integer_value
unit "px"
; ";"
} "}"
rule_set (+22 nodes collapsed)
rule_set (+22 nodes collapsed)
rule_set (+29 nodes collapsed)
rule_set
selectors
class_selector
. "."
class_name
identifier "test-file-path-link"
block
{ "{"
declaration
property_name "margin-right"
: ":"
integer_value
unit "px"
; ";"
} "}"
rule_set
selectors
class_selector
. "."
class_name
identifier "test-file-test-outcome-skipped"
block
{ "{"
declaration
property_name "color"
: ":"
call_expression
function_name "var"
arguments
( "("
plain_value "--color-fg-muted"
) ")"
; ";"
} "}"
rule_set
selectors
class_selector
. "."
class_name
identifier "test-file-test-status-icon"
block
{ "{"
declaration
property_name "flex"
: ":"
plain_value "none"
; ";"
} "}"
rule_set (+37 nodes collapsed)
rule_set
selectors
class_selector
. "."
class_name
identifier "test-file-header-br"
block
{ "{"
declaration
property_name "flex-basis"
: ":"
integer_value
unit "%"
; ";"
declaration
property_name "height"
: ":"
integer_value "0"
; ";"
} "}"
rule_set (+60 nodes collapsed)

After

stylesheet
comment "/*\n Copyright (c) Microsoft Corporation.\n\n Licensed under "...
rule_set (+38 nodes collapsed)
rule_set
selectors
class_selector
. "."
class_name
identifier "test-file-test-selected"
, ","
pseudo_class_selector
class_selector
. "."
class_name
identifier "test-file-test"
: ":"
class_name
identifier "hover"
block
{ "{"
declaration
property_name "background-color"
: ":"
call_expression
function_name "var"
arguments
( "("
plain_value "--color-canvas-subtle"
) ")"
; ";"
} "}"
rule_set
selectors
class_selector
. "."
class_name
identifier "test-file-title"
block
{ "{"
declaration
property_name "font-weight"
: ":"
integer_value "600"
; ";"
declaration
property_name "font-size"
: ":"
integer_value
unit "px"
; ";"
} "}"
rule_set (+59 nodes collapsed)
rule_set
selectors
class_selector
. "."
class_name
identifier "test-file-details-row-items"
block
{ "{"
declaration
property_name "display"
: ":"
plain_value "flex"
; ";"
declaration
property_name "height"
: ":"
integer_value
unit "px"
; ";"
} "}"
rule_set (+22 nodes collapsed)
rule_set (+22 nodes collapsed)
rule_set (+29 nodes collapsed)
rule_set
selectors
class_selector
. "."
class_name
identifier "test-file-path-link"
block
{ "{"
declaration
property_name "margin-right"
: ":"
integer_value
unit "px"
; ";"
} "}"
rule_set
selectors
class_selector
. "."
class_name
identifier "test-file-test-outcome-skipped"
block
{ "{"
declaration
property_name "color"
: ":"
call_expression
function_name "var"
arguments
( "("
plain_value "--color-fg-muted"
) ")"
; ";"
} "}"
rule_set
selectors
class_selector
. "."
class_name
identifier "test-file-test-status-icon"
block
{ "{"
declaration
property_name "flex"
: ":"
plain_value "none"
; ";"
} "}"
rule_set (+37 nodes collapsed)
rule_set
selectors
class_selector
. "."
class_name
identifier "test-file-header-br"
block
{ "{"
declaration
property_name "flex-basis"
: ":"
integer_value
unit "%"
; ";"
declaration
property_name "height"
: ":"
integer_value "0"
; ";"
} "}"
rule_set (+60 nodes collapsed)