From d01b5c927d9ae874cc8a7d68fbd1f8649dbba291 Mon Sep 17 00:00:00 2001 From: sdtsui Date: Thu, 13 Jul 2017 22:39:44 -0700 Subject: Brighten dropdown menu item\'s text --- ui/responsive/app/components/dropdown.js | 14 +++++++++++--- 1 file changed, 11 insertions(+), 3 deletions(-) (limited to 'ui/responsive/app') diff --git a/ui/responsive/app/components/dropdown.js b/ui/responsive/app/components/dropdown.js index d7f0e158a..6e09cd133 100644 --- a/ui/responsive/app/components/dropdown.js +++ b/ui/responsive/app/components/dropdown.js @@ -21,7 +21,16 @@ class Dropdown extends Component { boxShadow: 'rgba(0, 0, 0, 0.15) 0px 2px 2px 2px', }, }, - children, + [ + h( + 'style', + ` + li.dropdown-menu-item:hover { color:rgb(225, 225, 225); } + li.dropdown-menu-item { color: rgb(185, 185, 185); } + ` + ), + ...children, + ], ); } } @@ -38,7 +47,7 @@ class DropdownMenuItem extends Component { const { onClick, closeMenu, children } = this.props; return h( - 'li', + 'li.dropdown-menu-item', { onClick, closeMenu, @@ -48,7 +57,6 @@ class DropdownMenuItem extends Component { fontSize: '12px', fontStyle: 'normal', fontFamily: 'Montserrat Regular', - color: 'rgb(185, 185, 185)', cursor: 'pointer', display: 'flex', justifyContent: 'flex-start', -- cgit