Creepso/stremio-web
1
0
Fork 0
mirror of https://github.com/Stremio/stremio-web.git synced 2026-03-11 21:27:05 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

long vertical nav bar added to storybook

Browse source
This commit is contained in:
svetlagasheva 2020-01-02 11:50:30 +02:00
parent dc47e8429b
commit bc537d29bf
3 changed files with 35 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

26
storybook/stories/NavBar/VerticalNavBar/LongVerticalNavBar.js Normal file
View file

@ -0,0 +1,26 @@
const React = require('react');
const { storiesOf } = require('@storybook/react');
const VerticalNavBar = require('stremio/common/VerticalNavBar');
const styles = require('./styles');
const TABS = [
{ label: 'Board', icon: 'ic_board' },
{ label: 'Discover', icon: 'ic_discover' },
{ label: 'Library', icon: 'ic_library' },
{ label: 'Calendar', icon: 'ic_calendar' },
{ label: 'Addons', icon: 'ic_addons' },
{ label: 'Settings', icon: 'ic_settings' },
{ label: 'Board', icon: 'ic_board' },
{ label: 'Discover', icon: 'ic_discover' },
{ label: 'Library', icon: 'ic_library' },
{ label: 'Calendar', icon: 'ic_calendar' },
{ label: 'Addons', icon: 'ic_addons' },
{ label: 'Settings', icon: 'ic_settings' }
];
storiesOf('NavBar', module).add('LongVerticalNavBar', () => (
<VerticalNavBar
className={styles['long-vertical-nav-bar']}
tabs={TABS}
/>
));

1
storybook/stories/NavBar/VerticalNavBar/index.js
View file

@ -1 +1,2 @@
require('./VerticalNavBar');
require('./LongVerticalNavBar');

8
storybook/stories/NavBar/VerticalNavBar/styles.less Normal file
View file

@ -0,0 +1,8 @@
.long-vertical-nav-bar {
overflow-y: auto;
scrollbar-width: none;
&::-webkit-scrollbar {
display: none;
}
}