css-microsoft-vscode-small-update

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.

Before1/*---------------------------------------------------------------------------------------------
*  Copyright (c) Microsoft Corporation. All rights reserved.
*  Licensed under the MIT License. See License.txt in the project root for license information.
*--------------------------------------------------------------------------------------------*/
5
6/* Sessions-app-specific overrides for the agent sessions viewer.
* These styles only apply within the agent-sessions-workbench context. */
8
agent-sessions-workbench {
10
/*
* Show-more / show-less: collapsed to a thin line by default,
* animates open on hover with height + font-size + color transitions.
* Mirrors the prototype's `.sessions-group-stub` pattern.
*/
.agent-session-show-more {
justify-content: center;
padding: 0 6px;
height: 1px;
font-size: 0;
color: transparent;
overflow: hidden;
position: relative;
transition: height 0.15s, font-size 0.15s, color 0.15s;
25
.agent-session-show-more-label {
	position: relative;
	z-index: 1;
…lines 29–78 unchanged (50 lines)

After1/*---------------------------------------------------------------------------------------------
*  Copyright (c) Microsoft Corporation. All rights reserved.
*  Licensed under the MIT License. See License.txt in the project root for license information.
*--------------------------------------------------------------------------------------------*/
5
6/* Sessions-app-specific overrides for the agent sessions viewer.
* These styles only apply within the agent-sessions-workbench context. */
8
agent-sessions-workbench {
10
/*
* Show-more / show-less: collapsed to a thin line by default,
* animates open on hover with height + font-size + color transitions.
* The list row is only 4px tall so the gap is minimal.
*/
.agent-session-show-more {
justify-content: center;
padding: 0 6px;
height: 4px;
font-size: 0;
color: transparent;
overflow: visible;
position: relative;
transition: height 0.15s, font-size 0.15s, color 0.15s;
25
.agent-session-show-more-label {
	position: relative;
	z-index: 1;
…lines 29–78 unchanged (50 lines)

Before1/*---------------------------------------------------------------------------------------------
*  Copyright (c) Microsoft Corporation. All rights reserved.
*  Licensed under the MIT License. See License.txt in the project root for license information.
*--------------------------------------------------------------------------------------------*/
5
6/* Sessions-app-specific overrides for the agent sessions viewer.
* These styles only apply within the agent-sessions-workbench context. */
8
agent-sessions-workbench {
10
/*
* Show-more / show-less: collapsed to a thin line by default,
* animates open on hover with height + font-size + color transitions.
* Mirrors the prototype's `.sessions-group-stub` pattern.
*/
.agent-session-show-more {
justify-content: center;
padding: 0 6px;
height: 1px;
font-size: 0;
color: transparent;
overflow: hidden;
position: relative;
transition: height 0.15s, font-size 0.15s, color 0.15s;
25
.agent-session-show-more-label {
	position: relative;
	z-index: 1;
…lines 29–78 unchanged (50 lines)

After1/*---------------------------------------------------------------------------------------------
*  Copyright (c) Microsoft Corporation. All rights reserved.
*  Licensed under the MIT License. See License.txt in the project root for license information.
*--------------------------------------------------------------------------------------------*/
5
6/* Sessions-app-specific overrides for the agent sessions viewer.
* These styles only apply within the agent-sessions-workbench context. */
8
agent-sessions-workbench {
10
/*
* Show-more / show-less: collapsed to a thin line by default,
* animates open on hover with height + font-size + color transitions.
* The list row is only 4px tall so the gap is minimal.
*/
.agent-session-show-more {
justify-content: center;
padding: 0 6px;
height: 4px;
font-size: 0;
color: transparent;
overflow: visible;
position: relative;
transition: height 0.15s, font-size 0.15s, color 0.15s;
25
.agent-session-show-more-label {
	position: relative;
	z-index: 1;
…lines 29–78 unchanged (50 lines)

Before

stylesheet

comment "/*----------------------------------------------------------"...

comment "/* Sessions-app-specific overrides for the agent sessions vi"...

rule_set

selectors

class_selector

. "."

class_name

identifier "agent-sessions-workbench"

block

{ "{"

comment "/*\n\t * Show-more / show-less: collapsed to a thin line by de"...

rule_set

selectors

class_selector

. "."

class_name

identifier "agent-session-show-more"

block

{ "{"

declaration

property_name "justify-content"

: ":"

plain_value "center"

; ";"

declaration

property_name "padding"

: ":"

integer_value "0"

integer_value

unit "px"

; ";"

declaration

property_name "height"

: ":"

integer_value

unit "px"

; ";"

declaration

property_name "font-size"

: ":"

integer_value "0"

; ";"

declaration

property_name "color"

: ":"

plain_value "transparent"

; ";"

declaration

property_name "overflow"

: ":"

plain_value "hidden"

; ";"

declaration

property_name "position"

: ":"

plain_value "relative"

; ";"

declaration

property_name "transition"

: ":"

plain_value "height"

float_value

unit "s"

, ","

plain_value "font-size"

float_value

unit "s"

, ","

plain_value "color"

float_value

unit "s"

; ";"

rule_set (+31 nodes collapsed)

comment "/* Lines on both sides of the text */"

rule_set (+61 nodes collapsed)

} "}"

comment "/* Expand on row hover — animate height, font-size, color */"

rule_set (+59 nodes collapsed)

comment "/* Brighter text on direct hover */"

rule_set (+32 nodes collapsed)

comment "/* Time labels: hidden by default, shown on card hover */"

rule_set (+26 nodes collapsed)

rule_set (+47 nodes collapsed)

comment "/* Hide separators before time when time is hidden */"

rule_set (+26 nodes collapsed)

} "}"

After

stylesheet

comment "/*----------------------------------------------------------"...

comment "/* Sessions-app-specific overrides for the agent sessions vi"...

rule_set

selectors

class_selector

. "."

class_name

identifier "agent-sessions-workbench"

block

{ "{"

comment "/*\n\t * Show-more / show-less: collapsed to a thin line by de"...

rule_set

selectors

class_selector

. "."

class_name

identifier "agent-session-show-more"

block

{ "{"

declaration

property_name "justify-content"

: ":"

plain_value "center"

; ";"

declaration

property_name "padding"

: ":"

integer_value "0"

integer_value

unit "px"

; ";"

declaration

property_name "height"

: ":"

integer_value

unit "px"

; ";"

declaration

property_name "font-size"

: ":"

integer_value "0"

; ";"

declaration

property_name "color"

: ":"

plain_value "transparent"

; ";"

declaration

property_name "overflow"

: ":"

plain_value "visible"

; ";"

declaration

property_name "position"

: ":"

plain_value "relative"

; ";"

declaration

property_name "transition"

: ":"

plain_value "height"

float_value

unit "s"

, ","

plain_value "font-size"

float_value

unit "s"

, ","

plain_value "color"

float_value

unit "s"

; ";"

rule_set (+31 nodes collapsed)

comment "/* Lines on both sides of the text */"

rule_set (+61 nodes collapsed)

} "}"

comment "/* Expand on row hover — animate height, font-size, color */"

rule_set (+59 nodes collapsed)

comment "/* Brighter text on direct hover */"

rule_set (+32 nodes collapsed)

comment "/* Time labels: hidden by default, shown on card hover */"

rule_set (+26 nodes collapsed)

rule_set (+47 nodes collapsed)

comment "/* Hide separators before time when time is hidden */"

rule_set (+26 nodes collapsed)

} "}"

Keybindings

j / k: next / previous visible node (tree panels)
h / l: collapse / expand the focused node
g / G: jump to first / last visible node
Tab: switch focus between Before/After panels
/: search: jump to next node whose text contains a given string
a: jump the other panel to this node's mapped counterpart
i: hide identical matches, showing only inserted/deleted/updated nodes and their ancestors
v: cycle the view: split / code only / tree only
p: cycle what the code view renders: the node mapping, then each human painting
r: mark this fixture as reviewed, or forget the mark (kept in this browser only)
n: open a random fixture not yet marked as reviewed
?: toggle this help