From 2d37a7421eb4fe5d0cc4508a2e3167df172bfc6c Mon Sep 17 00:00:00 2001 From: Felix Niklas Date: Fri, 16 Jan 2015 13:45:44 +0100 Subject: [PATCH] fix main navigation hover and active state --- app/assets/stylesheets/zammad.css.scss | 19 ++++++++++--------- public/assets/images/sprite.svg | 12 ++++++------ 2 files changed, 16 insertions(+), 15 deletions(-) diff --git a/app/assets/stylesheets/zammad.css.scss b/app/assets/stylesheets/zammad.css.scss index 59ad672b4..4c2a9a31e 100644 --- a/app/assets/stylesheets/zammad.css.scss +++ b/app/assets/stylesheets/zammad.css.scss @@ -1976,7 +1976,7 @@ footer { .navigation { width: 260px; - background: #26272e; + background: hsl(232,10%,16%); position: relative; } @@ -1998,16 +1998,17 @@ footer { text-decoration: none; } - .main-navigation > li.active > a, - .main-navigation > li > a:hover, - .main-navigation > li > a:focus { - background: none; - color: #F0FAFF; + .main-navigation > li > a:hover { + background: hsl(230,10%,13%); + border-bottom-color: rgba(240, 250, 255, .08); } - .main-navigation > li.active > a .icon, - .main-navigation > li > a:hover .icon, - .main-navigation > li > a:focus .icon { + .main-navigation > li.active > a { + background: none; + color: white; + } + + .main-navigation > li.active > a .icon { opacity: 1; } diff --git a/public/assets/images/sprite.svg b/public/assets/images/sprite.svg index 13361b646..dae98acea 100644 --- a/public/assets/images/sprite.svg +++ b/public/assets/images/sprite.svg @@ -16,12 +16,12 @@ - - - - - - + + + + + +