Merge branch 'master' of github.com:ONLYOFFICE/CommunityServer-AspNetCore
This commit is contained in:
commit
81d6427422
@ -1,5 +1,6 @@
|
|||||||
import React from 'react'
|
import React from 'react'
|
||||||
import styled from 'styled-components'
|
import styled from 'styled-components'
|
||||||
|
import { Scrollbars } from 'react-custom-scrollbars';
|
||||||
|
|
||||||
const StyledAside = styled.aside`
|
const StyledAside = styled.aside`
|
||||||
background-color: #fff;
|
background-color: #fff;
|
||||||
@ -15,6 +16,14 @@ const StyledAside = styled.aside`
|
|||||||
z-index: 400;
|
z-index: 400;
|
||||||
`;
|
`;
|
||||||
|
|
||||||
const Aside = props => <StyledAside {...props}/>
|
const renderAsideThumbVertical = ({ style, ...props }) =>
|
||||||
|
<div {...props} style={{ ...style, backgroundColor: 'rgba(0, 0, 0, 0.1)', width: '2px', marginLeft: '2px', borderRadius: 'inherit'}}/>
|
||||||
|
|
||||||
|
const Aside = props => <StyledAside visible={props.visible}>
|
||||||
|
<Scrollbars
|
||||||
|
renderThumbVertical={renderAsideThumbVertical}
|
||||||
|
{...props}
|
||||||
|
/>
|
||||||
|
</StyledAside>
|
||||||
|
|
||||||
export default Aside;
|
export default Aside;
|
@ -86,11 +86,11 @@ const currentModuleId = '44444444-4444-4444-4444-444444444444';
|
|||||||
|
|
||||||
const onLogoClick = (e) => {action('Logo Clicked')(e)};
|
const onLogoClick = (e) => {action('Logo Clicked')(e)};
|
||||||
|
|
||||||
const asideContent = <p style={{padding: 40}}>Aside Content</p>;
|
const asideContent = <p style={{padding: '200px 40px'}}>Aside Content</p>;
|
||||||
const articleHeaderContent = "Article Header";
|
const articleHeaderContent = "Article Header";
|
||||||
const articleBodyContent = <p style={{padding: 40}}>Article Content</p>;
|
const articleBodyContent = <p style={{padding: '200px 40px'}}>Article Content</p>;
|
||||||
const sectionHeaderContent = "Section Header";
|
const sectionHeaderContent = "Section Header";
|
||||||
const sectionBodyContent = <p style={{padding: 40}}>Section Content</p>;
|
const sectionBodyContent = <p style={{padding: '200px 40px'}}>Section Content</p>;
|
||||||
|
|
||||||
storiesOf('Components|Layout', module)
|
storiesOf('Components|Layout', module)
|
||||||
.add('Layout', () => (
|
.add('Layout', () => (
|
||||||
|
Loading…
Reference in New Issue
Block a user