crowetic/protocol
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

[WIP] Added overflow prop to section new layout. Fixed mobile layout for docs page.

Browse Source
This commit is contained in:
Piotr Janosz
2019-07-16 12:21:37 +02:00
committed by fabioberger
parent ace0150fcb
commit 09fd8bc521
3 changed files with 24 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
packages/website/ts/components/newLayout.tsx
View File

@@ -28,6 +28,7 @@ export interface SectionProps extends WrapProps {
isPadded?: boolean;
isFullWidth?: boolean;
isFlex?: boolean;
overflow?: string;
padding?: string;
margin?: string;
paddingMobile?: string;
@@ -106,7 +107,7 @@ const SectionBase = styled.section<SectionProps>`
padding: ${props => props.isPadded && (props.padding || '120px 0')};
background-color: ${props => props.theme[`${props.bgColor}BgColor`] || props.bgColor};
position: relative;
overflow: ${props => !props.isFullWidth && 'hidden'};
overflow: ${props => !props.isFullWidth && (props.overflow || 'hidden')};
&:hover {
background-color: ${props => props.hasHover && opacify(0.2, props.theme[`lightBgColor`])};