Give a vertical toolbar 24dp and a standard one primary buttons
M3 asks a vertical toolbar for a 24dp margin from the window edge where a horizontal one keeps 16, and its standard-toolbar colour list ends "Standard button (Primary)" — the vibrant row of the same list was already honoured, so the two were being read inconsistently. Both rules are unlayered, because an icon button's ink is a utility. Plan: docs/plans/material-3-alignment.md, step 21 (navigation N-12, N-13). 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
789e8b2970
commit
59ca88a0cf
@@ -86,7 +86,11 @@ it('keeps a toolbar at the bottom clear of the navigation bar', function () {
|
||||
expect($css)
|
||||
// Never a sum: --material-bottom-bar already swallows the bottom safe area (N-02).
|
||||
->toContain('bottom: calc(max(var(--material-bottom-bar, 0px), var(--material-safe-bottom, env(safe-area-inset-bottom))) + 1rem);')
|
||||
->toContain('bottom: var(--material-bottom-bar, 0px);');
|
||||
->toContain('bottom: var(--material-bottom-bar, 0px);')
|
||||
// A vertical toolbar keeps 24dp from the edge where a horizontal one keeps 16 (N-12).
|
||||
->toContain('inset-inline-end: calc(1.5rem + var(--material-safe-right, env(safe-area-inset-right)));')
|
||||
// A standard toolbar's standard buttons are primary (N-13).
|
||||
->toContain('[data-toolbar]:not([data-vibrant]) [data-icon-button]:not([aria-pressed="true"]) {');
|
||||
});
|
||||
|
||||
it('offers M3\'s three contrast levels, marking the one in force', function () {
|
||||
|
||||
Reference in New Issue
Block a user