css-add-property — human mapping

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–22 unchanged (22 lines)
23}
24
25.actions {
26  composes: cell from '~Components/Table/Cells/TableRowCell.css';
27
28  width: 70px;
29}
30

After…lines 1–22 unchanged (22 lines)
23}
24
25.actions {
26  composes: cell from '~Components/Table/Cells/TableRowCell.css';
27
28  width: 70px;
29  text-align: right;
30}
31

Before…lines 1–22 unchanged (22 lines)
23}
24
25.actions {
26  composes: cell from '~Components/Table/Cells/TableRowCell.css';
27
28  width: 70px;
29}
30

After…lines 1–22 unchanged (22 lines)
23}
24
25.actions {
26  composes: cell from '~Components/Table/Cells/TableRowCell.css';
27
28  width: 70px;
29  text-align: right;
30}
31

Before…lines 1–22 unchanged (22 lines)
23}
24
25.actions {
26  composes: cell from '~Components/Table/Cells/TableRowCell.css';
27
28  width: 70px;
29}
30

After…lines 1–22 unchanged (22 lines)
23}
24
25.actions {
26  composes: cell from '~Components/Table/Cells/TableRowCell.css';
27
28  width: 70px;
29  text-align: right;
30}
31

Before

stylesheet

rule_set (+25 nodes collapsed)

rule_set

selectors

class_selector

. "."

class_name

identifier "actions"

block

{ "{"

declaration

property_name "composes"

: ":"

plain_value "cell"

plain_value "from"

string_value

' "'"

string_content "~Components/Table/Cells/TableRowCell.css"

' "'"

; ";"

declaration

property_name "width"

: ":"

integer_value

unit "px"

; ";"

} "}"

After

stylesheet

rule_set (+25 nodes collapsed)

rule_set

selectors

class_selector

. "."

class_name

identifier "actions"

block

{ "{"

declaration

property_name "composes"

: ":"

plain_value "cell"

plain_value "from"

string_value

' "'"

string_content "~Components/Table/Cells/TableRowCell.css"

' "'"

; ";"

declaration

property_name "width"

: ":"

integer_value

unit "px"

; ";"

declaration

property_name "text-align"

: ":"

plain_value "right"

; ";"

} "}"

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