fix(website): menu scrolling on mobile

christianalfoni · christianalfoni · commit 906f066b53e5 · 2018-08-29T21:57:41.000+02:00
diff --git a/packages/overmind-website/src/components/MobileTopBar/elements.tsx b/packages/overmind-website/src/components/MobileTopBar/elements.tsx
@@ -35,6 +35,7 @@ export const Menu = styled.div`
   display: flex;
   flex-direction: column;
   overflow-y: scroll;
+  -webkit-overflow-scrolling: touch;
   border-right: 2px solid ${({ theme }) => theme.color.primary};
 `
 
@@ -45,7 +46,4 @@ export const Link = styled<{ selected?: boolean }, 'a'>('a')`
   margin: ${({ theme }) => theme.padding.small};
   cursor: pointer;
   text-transform: uppercase;
-  :hover {
-    color: ${({ theme }) => theme.color.white};
-  }
 `

Original file line number	Diff line number	Diff line change
@@ -35,6 +35,7 @@ export const Menu = styled.div`
`35`	`35`	`display: flex;`
`36`	`36`	`flex-direction: column;`
`37`	`37`	`overflow-y: scroll;`
	`38`	`+ -webkit-overflow-scrolling: touch;`
`38`	`39`	`border-right: 2px solid ${({ theme }) => theme.color.primary};`
`39`	`40`	`
`40`	`41`
@@ -45,7 +46,4 @@ export const Link = styled<{ selected?: boolean }, 'a'>('a')`
`45`	`46`	`margin: ${({ theme }) => theme.padding.small};`
`46`	`47`	`cursor: pointer;`
`47`	`48`	`text-transform: uppercase;`
`48`		`- :hover {`
`49`		`- color: ${({ theme }) => theme.color.white};`
`50`		`- }`
`51`	`49`	`