From 72a0ba29f535cca0c1c6595412c868ea3adad514 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Hugo=20H=C3=A4ggmark?= <hugo.haggmark@gmail.com>
Date: Fri, 25 Jan 2019 06:44:32 +0100
Subject: [PATCH] Makes the clickable side menu header look great in light
 theme again

---
 public/app/core/components/sidemenu/SideMenuDropDown.tsx | 2 +-
 public/sass/components/_sidemenu.scss                    | 9 ++++++++-
 2 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/public/app/core/components/sidemenu/SideMenuDropDown.tsx b/public/app/core/components/sidemenu/SideMenuDropDown.tsx
index 4b930d605e5..db2172039c6 100644
--- a/public/app/core/components/sidemenu/SideMenuDropDown.tsx
+++ b/public/app/core/components/sidemenu/SideMenuDropDown.tsx
@@ -10,7 +10,7 @@ const SideMenuDropDown: FC<Props> = props => {
   return (
     <ul className="dropdown-menu dropdown-menu--sidemenu" role="menu">
       <li className="side-menu-header">
-        <a href={link.url}>
+        <a className="side-menu-header-link" href={link.url}>
           <span className="sidemenu-item-text">{link.text}</span>
         </a>
       </li>
diff --git a/public/sass/components/_sidemenu.scss b/public/sass/components/_sidemenu.scss
index 10565a4e0c7..44941540598 100644
--- a/public/sass/components/_sidemenu.scss
+++ b/public/sass/components/_sidemenu.scss
@@ -149,12 +149,19 @@
   color: #ebedf2;
 }
 
-.side-menu-header > a {
+.side-menu-header-link {
   // Removes left-brand-border-gradient from link
+  color: #ebedf2 !important;
   border: none !important;
   padding: 0 !important;
 }
 
+.dropdown-menu--sidemenu > li > .side-menu-header-link:hover {
+  // Makes sure it looks good on light theme
+  color: #fff !important;
+  background-color: $side-menu-item-hover-bg !important;
+}
+
 .sidemenu-subtitle {
   padding: 0.5rem 1rem 0.5rem;
   font-size: $font-size-sm;