From c62b8506e9e29b562a07702ba2e0f62bac10e04e Mon Sep 17 00:00:00 2001 From: Arpad Csanyi Date: Sat, 26 Mar 2016 00:00:06 +0100 Subject: [PATCH] Close #19 by removing empty stars from the keymap menu items. This way only the currently set default keymap will have an indicator in the menu, and there won't be any interaction possible from there. --- css/app.css | 15 ++------------- index.html | 2 -- sass/app.scss | 25 ++----------------------- 3 files changed, 4 insertions(+), 38 deletions(-) diff --git a/css/app.css b/css/app.css index 9ee265aa..894f9ea7 100644 --- a/css/app.css +++ b/css/app.css @@ -45,24 +45,13 @@ ul { .sidebar__level-2--item.active { background-color: #555; color: #fff; } - .sidebar__level-2--item.active .fa-star, - .sidebar__level-2--item.active .fa-star-o { - display: none; } + .sidebar__level-2--item.active .fa-star { + color: #fff; } .sidebar__level-2--item.active:hover { background-color: #555; } - .sidebar__level-2--item.active:hover .fa-star, - .sidebar__level-2--item.active:hover .fa-star-o { - display: block; - color: #fff; } - .sidebar__level-2--item:hover .fa-star-o { - color: #000; } - .sidebar__level-2--item:hover .fa-star-o:hover { - color: #000; } .sidebar__level-2--item .fa.pull-right { position: relative; top: 2px; } - .sidebar__level-2--item .fa-star-o { - color: #f5f5f5; } .sidebar__level-2--item .fa-star { color: #666; } diff --git a/index.html b/index.html index b655e2b7..8f57fea4 100644 --- a/index.html +++ b/index.html @@ -174,8 +174,6 @@ {{#if menuValue.hasDefaults}} {{#if isDefault}} - {{else}} - {{/if}} {{/if}} diff --git a/sass/app.scss b/sass/app.scss index c2d17b1b..a8bdbc7a 100644 --- a/sass/app.scss +++ b/sass/app.scss @@ -69,29 +69,12 @@ ul { background-color: #555; color: #fff; - .fa-star, - .fa-star-o { - display: none; + .fa-star { + color: #fff; } &:hover { background-color: #555; - - .fa-star, - .fa-star-o { - display: block; - color: #fff; - } - } - } - - &:hover { - .fa-star-o { - color: #000; - - &:hover { - color: #000; - } } } @@ -101,10 +84,6 @@ ul { top: 2px; } - .fa-star-o { - color: #f5f5f5; - } - .fa-star { color: #666; }