search

kirbydesign / designsystem

Kirby Design System
https://cookbook.kirby.design
MIT License
84 stars 22 forks source link

[Enhancement] Translucent toolbar and tab navigation #3247

Closed RasmusKjeldgaard closed 2 months ago

RasmusKjeldgaard commented 1 year ago

Add translucent effect to "toolbar" and "tab-navigation" when in scroll state. Note that the "tab-navigation" only have scroll state when sticky.

 backdrop-filter: blur(20px);
 background-color: rgba(28, 28, 28, 0.01);

Normal state https://zpl.io/z8JojZE

Translucent toolbar og tab-navigation - Mobile - Normal

Scroll state https://zpl.io/o15z6dM

Translucent toolbar og tab-navigation - Mobile - Scroll

stale[bot] commented 10 months ago

This issue has been automatically marked as stale because of no recent activity. It will be closed in 10 weeks if no further activity occurs. Thank you for your contributions.

stale[bot] commented 7 months ago

This issue has been closed due to inactivity. Please open a new issue if it becomes relevant again.

stale[bot] commented 5 months ago

This issue has been automatically marked as stale because of no recent activity. It will be closed in 10 weeks if no further activity occurs. Thank you for your contributions.

stale[bot] commented 2 months ago

This issue has been closed due to inactivity. Please open a new issue if it becomes relevant again.