aboutsummaryrefslogtreecommitdiffstats
path: root/packages/website
diff options
context:
space:
mode:
authorFred Carlsen <fred@sjelfull.no>2018-12-13 00:14:53 +0800
committerFred Carlsen <fred@sjelfull.no>2018-12-13 00:15:51 +0800
commit8bcbb64a01fb70697514a410014f6bd188a290d3 (patch)
tree5ddc3eeb25b2a30d5dbba14d4cddddd414e86fe6 /packages/website
parentceafe5ed8498df742c2cdaac684ba6234d00d61e (diff)
downloaddexon-sol-tools-8bcbb64a01fb70697514a410014f6bd188a290d3.tar
dexon-sol-tools-8bcbb64a01fb70697514a410014f6bd188a290d3.tar.gz
dexon-sol-tools-8bcbb64a01fb70697514a410014f6bd188a290d3.tar.bz2
dexon-sol-tools-8bcbb64a01fb70697514a410014f6bd188a290d3.tar.lz
dexon-sol-tools-8bcbb64a01fb70697514a410014f6bd188a290d3.tar.xz
dexon-sol-tools-8bcbb64a01fb70697514a410014f6bd188a290d3.tar.zst
dexon-sol-tools-8bcbb64a01fb70697514a410014f6bd188a290d3.zip
Fix full width slider
Diffstat (limited to 'packages/website')
-rw-r--r--packages/website/ts/@next/components/slider/slider.tsx1
-rw-r--r--packages/website/ts/@next/pages/why.tsx15
2 files changed, 10 insertions, 6 deletions
diff --git a/packages/website/ts/@next/components/slider/slider.tsx b/packages/website/ts/@next/components/slider/slider.tsx
index 61e80ebd2..710351566 100644
--- a/packages/website/ts/@next/components/slider/slider.tsx
+++ b/packages/website/ts/@next/components/slider/slider.tsx
@@ -65,7 +65,6 @@ const StyledSlider = styled.div`
}
.carousel {
- position: relative;
display: block;
user-select: none;
touch-action: pan-y;
diff --git a/packages/website/ts/@next/pages/why.tsx b/packages/website/ts/@next/pages/why.tsx
index 11b8928d9..7b30cd25a 100644
--- a/packages/website/ts/@next/pages/why.tsx
+++ b/packages/website/ts/@next/pages/why.tsx
@@ -150,7 +150,7 @@ export class NextWhy extends React.PureComponent {
))}
</SectionWrap>
- <SectionWrap id="cases">
+ <SectionWrap id="cases" isNotRelative={true}>
<Heading size="medium">Use Cases</Heading>
<Slider>
{_.map(useCaseSlides, (item, index) => (
@@ -192,8 +192,12 @@ export class NextWhy extends React.PureComponent {
}
}
-const SectionWrap = styled.div`
- position: relative;
+interface SectionProps {
+ isNotRelative?: boolean;
+}
+
+const SectionWrap = styled.div<SectionProps>`
+ position: ${props => !props.isNotRelative && 'relative'};
& + & {
padding-top: 60px;
@@ -236,11 +240,12 @@ const NavStickyWrap = styled(WrapSticky)`
const ChapterLink = styled(AnchorLink)`
color: ${props => props.theme.textColor};
font-size: 22px;
- margin-bottom: 15px;
+ margin-bottom: 25px;
display: block;
opacity: 0.8;
- &:hover {
+ &:hover,
+ &:active {
opacity: 1;
}
`;