Andreas Reinhold / reiniandClaude Opus 5 7e4e7b44c6 Collapse an extended FAB to a FAB while the page scrolls ...

Plan step 22, actions.md § Missing (FAB to extended FAB scroll collapse):
M3 has an extended FAB collapse to a FAB on scroll-down and re-extend on
scroll-up, and `<x-button fab>` only swapped on window width.

`<x-fab collapse-on-scroll>` (extended, with an icon) takes a
`materialFab` flag from the new resources/js/fab.js, which reads the
window's scroll once a frame, ignores moves under 8px and extends again
near the top. The morph is CSS in actions.css: the label sits in a grid
track that closes to zero, the gap and minimum width follow on the
default spatial spring, and the label fades on the effects one; reduced
motion swaps outright through the motion tokens. The label is clipped, not
removed, so the collapsed FAB keeps its accessible name.

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01Qwx5USif3wFFmxtHg5U1g9

2026-09-14 07:15:56 +02:00

..

bars.blade.php

Add app bars, toolbars, tabs and the account and theme controls

2026-09-13 08:26:54 +02:00

buttons.blade.php

Collapse an extended FAB to a FAB while the page scrolls

2026-09-14 07:15:56 +02:00

carousel.blade.php

Add the M3 Expressive carousel

2026-09-13 07:40:30 +02:00

chips.blade.php

Add chips, choices and search

2026-09-13 08:07:59 +02:00

colour.blade.php

Merge branch 'worktree-agent-a9537eabbf38e0608'

2026-09-14 05:43:37 +02:00

communication.blade.php

Pin the two-line snackbar, and reach it with Alt+G

2026-09-14 06:45:06 +02:00

containment.blade.php

Key the views on M3's window size classes, not Tailwind's

2026-09-14 04:03:54 +02:00

data.blade.php

Add data tables, sort headers and M3 paginators

2026-09-13 08:32:59 +02:00

elevation.blade.php

Key the views on M3's window size classes, not Tailwind's

2026-09-14 04:03:54 +02:00

fields.blade.php

Draw the search bar and its view as the contained style

2026-09-14 05:58:42 +02:00

icons.blade.php

Show both symbol cuts in the showcase icon search

2026-09-14 04:04:42 +02:00

layout.blade.php

Show M3's window size classes on a Layout page of the showcase

2026-09-14 05:44:53 +02:00

menus.blade.php

Filter a menu from a field at the top of it

2026-09-14 06:38:02 +02:00

motion.blade.php

Add the Material 3 Expressive foundation

2026-09-13 05:24:11 +02:00

navigation.blade.php

Add the navigation bar, navigation rail and app shell

2026-09-13 08:54:51 +02:00

pages.blade.php

Resolve the package's own components through its namespace

2026-09-13 09:05:24 +02:00

pickers.blade.php

Key the views on M3's window size classes, not Tailwind's

2026-09-14 04:03:54 +02:00

progress.blade.php

Add M3 Expressive progress indicators

2026-09-13 07:05:52 +02:00

shape.blade.php

Key the views on M3's window size classes, not Tailwind's

2026-09-14 04:03:54 +02:00

sliders.blade.php

Key the views on M3's window size classes, not Tailwind's

2026-09-14 04:03:54 +02:00

timepickers.blade.php

Key the views on M3's window size classes, not Tailwind's

2026-09-14 04:03:54 +02:00

type.blade.php

Key the views on M3's window size classes, not Tailwind's

2026-09-14 04:03:54 +02:00