From 172e247559e60bb5d66acd69d8f588b0e2f0fa32 Mon Sep 17 00:00:00 2001 From: Kevin MacMartin Date: Thu, 26 Apr 2018 01:28:49 -0400 Subject: [PATCH] Improve the dashboard nav dropdown styles a bit --- resources/assets/sass/dashboard.scss | 16 +++++++++++++--- 1 file changed, 13 insertions(+), 3 deletions(-) diff --git a/resources/assets/sass/dashboard.scss b/resources/assets/sass/dashboard.scss index c401b70..d533ee5 100644 --- a/resources/assets/sass/dashboard.scss +++ b/resources/assets/sass/dashboard.scss @@ -174,23 +174,33 @@ body { .dropdown-item { background-color: transparent; - transition: background-color 150ms; + transition: background-color 150ms, color 150ms; @include media-breakpoint-down(md) { padding-right: 8px; padding-left: 8px; + background-color: darken($c-dashboard-dark, 2%); + color: $c-text-light-inactive; } &.active, &:hover, &:focus, &:active { color: $c-text; + + @include media-breakpoint-down(md) { + color: $c-text-light; + } } &:hover, &:focus { - background-color: fade-out(#000, 0.97); + @include media-breakpoint-up(lg) { + background-color: fade-out(#000, 0.97); + } } &.active { - background-color: fade-out(#000, 0.93); + @include media-breakpoint-up(lg) { + background-color: fade-out(#000, 0.93); + } } } }