Skip to content

feat: add gradient overlay to price widget appbar#709

Merged
jvsena42 merged 6 commits into
masterfrom
fix/price-widget-layout
Jan 22, 2026
Merged

feat: add gradient overlay to price widget appbar#709
jvsena42 merged 6 commits into
masterfrom
fix/price-widget-layout

Conversation

@jvsena42

@jvsena42 jvsena42 commented Jan 22, 2026

Copy link
Copy Markdown
Member

Related to #169
This PR adds a gradient fade effect below the AppTopBar in the Price widget edit screen, allowing scrollable content to smoothly fade as it scrolls behind the header.

Description

  1. Wraps the AppTopBar and scrollable content in a Box for z-layer ordering
  2. Positions the scrollable Column behind the AppTopBar overlay
  3. Adds a vertical gradient from the background color to transparent below the AppTopBar
  4. Adjusts content top spacing to account for the AppTopBar and gradient height
  5. Fixes the vertical padding between the the items

Preview

tobpar-gradient-bg.webm

QA Notes

  1. Navigate to Settings > Widgets > Price > Edit
  2. Verify the gradient fade effect appears below the AppTopBar
  3. Scroll the content and confirm:
    • Content smoothly fades as it passes behind the AppTopBar
    • AppTopBar remains fully visible and interactive
    • Back button and drawer icon work correctly

@jvsena42 jvsena42 self-assigned this Jan 22, 2026
@claude

This comment has been minimized.

@jvsena42 jvsena42 requested a review from ovitrif January 22, 2026 14:04
@jvsena42 jvsena42 enabled auto-merge January 22, 2026 14:09

@ovitrif ovitrif left a comment

Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

utAck

@jvsena42 jvsena42 merged commit e87c214 into master Jan 22, 2026
13 checks passed
@jvsena42 jvsena42 deleted the fix/price-widget-layout branch January 22, 2026 19:22
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants