From 243dfdf91edfea039ecc8bcada7bcdcf7153089d Mon Sep 17 00:00:00 2001
From: Konstantinos Triantafyllou <k.triantafyllou@di.uoa.gr>
Date: Mon, 13 Jul 2020 09:53:30 +0000
Subject: [PATCH] [Monitor Dashboard]: Change filter selected style on hover.

git-svn-id: https://svn.driver.research-infrastructures.eu/driver/dnet40/modules/uoa-monitor-portal/trunk/monitor_dashboard@59083 d315682c-612b-4755-9ff5-7f18f6832af3
---
 src/assets/search.scss                       | 19 +++++++++++++++++++
 src/assets/theme-assets/dashboard-custom.css | 17 +++++++++++++----
 2 files changed, 32 insertions(+), 4 deletions(-)

diff --git a/src/assets/search.scss b/src/assets/search.scss
index 60b0fa0..6117df3 100644
--- a/src/assets/search.scss
+++ b/src/assets/search.scss
@@ -38,4 +38,23 @@
     background-color: transparent !important;
     border-color: transparent;
   }
+
+  /* Input */
+  .uk-checkbox:checked, .uk-checkbox:indeterminate, .uk-radio:checked {
+    background-color: var(--portal-main-color);
+  }
+
+  /* Alerts */
+  .uk-alert {
+    position: relative;
+    margin-bottom: 20px;
+    padding: 15px 29px 15px 15px;
+    background: #fff;
+    color: #666;
+    border: 1px solid #ededed;
+  }
+
+  .uk-alert.uk-grid {
+    display: flex;
+  }
 }
diff --git a/src/assets/theme-assets/dashboard-custom.css b/src/assets/theme-assets/dashboard-custom.css
index b78660c..c8bc899 100644
--- a/src/assets/theme-assets/dashboard-custom.css
+++ b/src/assets/theme-assets/dashboard-custom.css
@@ -558,12 +558,21 @@ body.dashboard {
   color: #fff;
 }
 
-.selectedFilterLabel{
+.selectedFilterLabel {
   background: var(--portal-main-color) !important;
-  color: white !important;
+  color: var(--portal-main-contrast) !important;
   padding: 6px 10px !important;
   border-radius: 25px !important;
 }
-.selectedFilterLabel, .selectedFilterLabel .material-icons{
-  color: white;
+
+.selectedFilterLabel:hover {
+  background: var(--portal-dark-color) !important;
+}
+
+.selectedFilterLabel .uk-link-text {
+  color: var(--portal-main-contrast) !important;
+}
+
+.selectedFilterLabel .material-icons{
+  color: var(--portal-main-contrast) !important;
 }