Correct three containment headers
Plan step 36 review. The list's header sent dividers to list.css, which list-item.css draws since 9ff5a7a8; the carousel item's label overlay shows the `label` prop, not the "n of m" name; the dialog's 560/280px are its maximum and minimum width, in that order. Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01Qwx5USif3wFFmxtHg5U1g9
This commit is contained in:
co-authored by
Claude Opus 5
parent
0326065348
commit
54d88ebc3b
@@ -7,7 +7,7 @@
|
|||||||
* [data-md-carousel-item] the tab stop (C-18), a focusable `group`, `md-focus-ring`
|
* [data-md-carousel-item] the tab stop (C-18), a focusable `group`, `md-focus-ring`
|
||||||
* [data-md-carousel-surface] the masked, shifted, extra-large-corner (28px) box
|
* [data-md-carousel-surface] the masked, shifted, extra-large-corner (28px) box
|
||||||
* [data-md-carousel-content] the slot (an <img>, cropped)
|
* [data-md-carousel-content] the slot (an <img>, cropped)
|
||||||
* [data-md-carousel-label] the "n of m"-named overlay on the scrim
|
* [data-md-carousel-label] the `label` prop's words, over a scrim gradient
|
||||||
* [data-md-carousel-label-text]
|
* [data-md-carousel-label-text]
|
||||||
*
|
*
|
||||||
* The item renders the shared `md-focus-ring` class (foundation/interaction.css) rather than a
|
* The item renders the shared `md-focus-ring` class (foundation/interaction.css) rather than a
|
||||||
|
|||||||
@@ -10,7 +10,7 @@
|
|||||||
* [data-md-modal-body] the only part that scrolls; [data-md-modal-content] wraps the slot
|
* [data-md-modal-body] the only part that scrolls; [data-md-modal-content] wraps the slot
|
||||||
* [data-md-modal-actions] pinned, trailing-aligned
|
* [data-md-modal-actions] pinned, trailing-aligned
|
||||||
*
|
*
|
||||||
* 560/280px width (min/max), 48px scrim margin, 28px corner and 24dp padding all match the specs
|
* 560/280px width (max/min), 48px scrim margin, 28px corner and 24dp padding all match the specs
|
||||||
* page; a compact window's full-screen dialog swaps the box for the whole screen with a 56px bar
|
* page; a compact window's full-screen dialog swaps the box for the whole screen with a 56px bar
|
||||||
* (C-17: this used to be 64px) instead of the headline block. It opens on the fast spatial spring
|
* (C-17: this used to be 64px) instead of the headline block. It opens on the fast spatial spring
|
||||||
* and closes at once — a native `<dialog>` makes an exit transition awkward, since
|
* and closes at once — a native `<dialog>` makes an exit transition awkward, since
|
||||||
|
|||||||
@@ -2,9 +2,9 @@
|
|||||||
|
|
||||||
Plain by default — the items sit on the surface around them, with `dividers` between them if
|
Plain by default — the items sit on the surface around them, with `dividers` between them if
|
||||||
asked, inset 16px from both ends as ListTokens' `DividerLeadingSpace`/`DividerTrailingSpace`
|
asked, inset 16px from both ends as ListTokens' `DividerLeadingSpace`/`DividerTrailingSpace`
|
||||||
say (resources/css/components/list.css draws them). `segmented` is M3 Expressive's list: each
|
say (resources/css/components/list-item.css draws them). `segmented` is M3 Expressive's list:
|
||||||
item its own surface tile, 2px apart, with small corners that open to large at the ends and
|
each item its own surface tile, 2px apart, with small corners that open to large at the ends
|
||||||
while hovered, pressed, focused or selected (ListTokens, androidx Compose Material 3,
|
and while hovered, pressed, focused or selected (ListTokens, androidx Compose Material 3,
|
||||||
Apache-2.0).
|
Apache-2.0).
|
||||||
|
|
||||||
A plain list is a `role="list"` of `listitem`s. `selectable` (or `selection="single"` /
|
A plain list is a `role="list"` of `listitem`s. `selectable` (or `selection="single"` /
|
||||||
|
|||||||
Reference in New Issue
Block a user