From c81135c09e31a859b4c0cfcaacf3150e30e7f80d Mon Sep 17 00:00:00 2001 From: Tom Moor Date: Sun, 11 Nov 2018 21:08:28 -0800 Subject: [PATCH] animations --- server/pages/components/Navigation.js | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/server/pages/components/Navigation.js b/server/pages/components/Navigation.js index 75c01d63..280aa5a5 100644 --- a/server/pages/components/Navigation.js +++ b/server/pages/components/Navigation.js @@ -5,6 +5,7 @@ import styled from 'styled-components'; import breakpoint from 'styled-components-breakpoint'; import Centered from './Centered'; import TeamLogo from '../../../shared/components/TeamLogo'; +import { fadeAndScaleIn } from '../../../shared/styles/animations'; import { developers, changelog, @@ -138,6 +139,7 @@ const MenuItem = styled.li` `}; &:hover ol { + animation: ${fadeAndScaleIn} 200ms ease; display: block; } `; @@ -161,7 +163,7 @@ const Menu = styled.ul` margin: 0; padding: 0; right: 0; - top: 32px; + top: 34px; background: #fff; border-radius: 4px;