diff --git a/package.json b/package.json index f758b688c8..326a99e64b 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "Spectrum", - "version": "2.4.61", + "version": "2.4.62", "license": "BSD-3-Clause", "devDependencies": { "@babel/preset-flow": "^7.0.0", diff --git a/src/views/pages/components/nav.js b/src/views/pages/components/nav.js index ec3c4b0271..a636ffa188 100644 --- a/src/views/pages/components/nav.js +++ b/src/views/pages/components/nav.js @@ -130,27 +130,21 @@ class Nav extends React.Component { to="/features" selected={this.props.location === 'features'} > - Features - - Apps - - Support - Explore {this.props.currentUser ? ( diff --git a/src/views/pages/style.js b/src/views/pages/style.js index b2eab185f7..21ec7f8e51 100644 --- a/src/views/pages/style.js +++ b/src/views/pages/style.js @@ -571,19 +571,19 @@ export const LogoTab = styled(Tab)` export const DropdownLink = styled(Link)` padding: 16px 0; - font-weight: 500; + font-weight: ${props => (props.selected ? '600' : '500')}; display: flex; width: 100%; align-items: center; transition: ${Transition.hover.off}; color: ${props => - props.selected ? props.theme.text.placeholder : props.theme.brand.alt}; + props.selected ? props.theme.brand.alt : props.theme.text.alt}; border-radius: 8px; &:hover { transition: ${Transition.hover.on}; color: ${props => - props.selected ? props.theme.text.alt : props.theme.brand.default}; + props.selected ? props.theme.brand.default : props.theme.text.secondary}; } `; @@ -649,6 +649,7 @@ export const MenuContainer = styled.div` box-shadow: ${Shadow.high} ${props => hexa(props.theme.bg.reverse, 0.25)}; padding-top: 32px; z-index: 2; + flex-direction: column; `; export const MenuOverlay = styled.div`