SDFIdk / designsystem

Common design system for SDFI, containing CSS, icons, UI widgets, and logo images.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Fading scroll

Gebuz opened this issue · comments

Add the option to have a fade on scroll elements instead of a scroll bar to indicate that scrolling is possible. Ideally it should work for both vertical and horizontal overflow. See the menu on dataforsyningen for an example.

Mobile view:
image

Desktop view (arrows have been added here because most users don't know that you can scroll horizontally with shift + scroll)
image

This is the currently implementation on dataforsyningen:
https://github.com/SDFIdk/Dataforsyningen/blob/main/dataforsyningen-vue/src/components/shared/HiddenScrollbar.vue

We could make a component for that.

ds-nav-scrollable component added to v7.10.0

Only has scroll behaviour for horisontal scrolling for now. Test and feedback appreciated.