Wildcard Tabs: support longTabList property to make it scrollable
Created by: oleggromov
Problem
Based on @eseliger's report, Tab List (toggles) may contain too many elements that are wrapped onto a new line, which isn't what's sometimes expected - and doesn't look good too.
Solution
Add a longTabList property with two possible values - wrap (default) and scroll, which toggles native horizontal scrolling for long tab lists.
https://user-images.githubusercontent.com/2196347/166222892-8e67ced3-999d-4321-890d-383260d139b7.mov
Scroll bar size issues
The scroll bar is fairly thick and blocks access to content. @AlicjaSuska wdyt we should do with that? I can try customizing its height, although it won't be "standard" anymore, or maybe increasing padding so that tab bottom borders aren't obscured by the scroll bar.
Test plan
- Check out the branch
- Open storybook
yarn storybook:wildcard - Check that tabs behave as described
App preview:
Check out the client app preview documentation to learn more.