From 087013f883e2dce90e49477fac5c1e0fb0d84a2c Mon Sep 17 00:00:00 2001
From: Aanand Prasad <aanand.prasad@gmail.com>
Date: Thu, 1 Feb 2018 09:51:14 +0000
Subject: [PATCH] feat(ui): give unselected menu items a different colour
---
packages/ui/src/atoms/Menu.js | 2 +-
packages/ui/test/__snapshots__/Menu.test.js.snap | 2 +-
2 files changed, 2 insertions(+), 2 deletions(-)
diff --git a/packages/ui/src/atoms/Menu.js b/packages/ui/src/atoms/Menu.js
index 95ce34eb5..1c017b758 100644
--- a/packages/ui/src/atoms/Menu.js
+++ b/packages/ui/src/atoms/Menu.js
@@ -65,7 +65,7 @@ const Option = styled.div.attrs({
tabIndex: '0',
'aria-selected': props => props.active,
})`
- color: ${props => (props.active ? 'black' : 'inherit')};
+ color: ${props => (props.active ? 'black' : '#444')};
font-weight: ${props => (props.active ? '600' : 'inherit')};
cursor: pointer;
font-family: var(--font-author);
diff --git a/packages/ui/test/__snapshots__/Menu.test.js.snap b/packages/ui/test/__snapshots__/Menu.test.js.snap
index c45f23fff..7b4ffde16 100644
--- a/packages/ui/test/__snapshots__/Menu.test.js.snap
+++ b/packages/ui/test/__snapshots__/Menu.test.js.snap
@@ -147,7 +147,7 @@ exports[`Menu is rendered correctly when open 1`] = `
}
.c10 {
- color: inherit;
+ color: #444;
font-weight: inherit;
cursor: pointer;
font-family: var(--font-author);
--
GitLab