From ca92c36bad13d0be11514abf7786f1e476ae7f5e Mon Sep 17 00:00:00 2001
From: "k.triantafyllou" <k.triantafyllou@di.uoa.gr>
Date: Wed, 30 Mar 2022 20:51:09 +0300
Subject: [PATCH] Dropdown add shadow

---
 css/structure/dropdown.css | 13 ++++++++++++-
 1 file changed, 12 insertions(+), 1 deletion(-)

diff --git a/css/structure/dropdown.css b/css/structure/dropdown.css
index d56cd68..f224c04 100644
--- a/css/structure/dropdown.css
+++ b/css/structure/dropdown.css
@@ -1,5 +1,6 @@
 :root {
   --dropdown-background: var(--light-color);
+  --dropdown-shadow: var(--shadow-main);
   --dropdown-color: var(--grey-color);
   --dropdown-background-hover: var(--light-blue);
   --dropdown-font-size: 14px;
@@ -8,6 +9,7 @@
 
 .uk-navbar-dropdown, .uk-dropdown {
   background: var(--dropdown-background);
+  box-shadow: var(--dropdown-shadow);
   border-radius: 0;
   padding: 5px 0;
 }
@@ -15,9 +17,14 @@
 .uk-navbar-dropdown-nav > li > a, .uk-dropdown-nav > li > a {
   padding: 5px 30px;
   background: transparent;
-  color: var(--dropdown-color);
+  color: var(--dropdown-color) !important;
   font-weight: normal;
+  display: inherit;
   font-size: 14px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  max-width: 100%;
+  white-space: nowrap;
 }
 
 .uk-navbar-dropdown-nav > li:hover > a, .uk-dropdown-nav > li:hover > a,
@@ -25,6 +32,10 @@
   background: var(--dropdown-background-hover);
 }
 
+.uk-navbar-dropdown-nav > li.uk-active > a, .uk-dropdown-nav > li.uk-active > a {
+  font-weight: 600;
+}
+
 .uk-nav > .uk-nav-divider {
   margin: 5px 0;
 }