Skip to content

feat(ui): frosted liquid-glass app-bar chrome + currency-info - #1248

Merged
bmc08gt merged 0 commit into
feat/currency-info-revampfrom
feat/haze-appbar-actions
Aug 17, 2026
Merged

feat(ui): frosted liquid-glass app-bar chrome + currency-info#1248
bmc08gt merged 0 commit into
feat/currency-info-revampfrom
feat/haze-appbar-actions

Conversation

@bmc08gt

@bmc08gt bmc08gt commented Aug 17, 2026

Copy link
Copy Markdown
Collaborator

Summary

Adds an opt-in Haze "liquid glass" frost to the app-bar action chrome and wires the v2 currency-info screen to it — so content scrolls under the back button, title pill, and share button as frosted glass (Apple-Wallet style), matching the iOS reference. This also replaces the currency-info screen's heavy top fade with the chat-screen's soft bg→transparent scrim.

Stacked on #1247 (the currency-info layout PR) — review/merge that first.

Reusable plumbing (ui/components)

  • CircularIconButton gains an optional hazeState → frosts whatever scrolls beneath the bar (clip precedes hazeEffect so the blur is bounded to the circle); flat translucent fill when null.
  • AppBarDefaults.UpNavigation / Close / Share and AppBarWithTitle thread the optional hazeState. Fully backward-compatible (default null = today's look).

Currency-info (features/tokens)

  • Chat-style overlay: content fills behind the app bar (marked as the haze source), inset below it by the measured bar height, with a bg→transparent scrim for the soft top fade. Replaces the CodeScaffold + drawn scroll-gradient.
  • Back/share buttons and the scroll-revealed title pill are frosted glass over the content.
  • Adds the haze bundle to :features:tokens.

Verified on device

Dad Cash: at rest the card sits below clean frosted chrome (no pill); scrolling reveals the frosted "Dad Cash $20,673.39" pill and the card glides under the glass — no heavy fade. Matches the reference.

Note

This also resolves the "fade too aggressive" feedback on #1247. If preferred, the currency-info visual half can be folded into #1247 and this PR kept to just the reusable CircularIconButton/AppBar plumbing — flagged for review.

@github-actions github-actions Bot added type: feature New functionality area: ui Compose UI, theme, components, resources area: tokens Token accounts, balances, token info and removed type: feature New functionality labels Aug 17, 2026
@bmc08gt
bmc08gt force-pushed the feat/haze-appbar-actions branch from d80c3d6 to ac0b0b6 Compare August 17, 2026 11:51
@bmc08gt
bmc08gt merged commit ac0b0b6 into feat/currency-info-revamp Aug 17, 2026
@bmc08gt
bmc08gt force-pushed the feat/currency-info-revamp branch from 72abc44 to 2c8cd3c Compare August 17, 2026 11:51
@github-actions github-actions Bot added the type: feature New functionality label Aug 17, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

area: tokens Token accounts, balances, token info area: ui Compose UI, theme, components, resources type: feature New functionality

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant