From 9542bd1e329a5ce64feba5e2a39f56ba4a724a02 Mon Sep 17 00:00:00 2001
From: "k.triantafyllou" <k.triantafyllou@di.uoa.gr>
Date: Fri, 3 Jun 2022 12:44:21 +0300
Subject: [PATCH] Quick contact change dropdown to drop with card and default
 shadow

---
 sharedComponents/quick-contact/quick-contact.component.css  | 2 +-
 sharedComponents/quick-contact/quick-contact.component.html | 6 +++---
 sharedComponents/quick-contact/quick-contact.component.ts   | 2 +-
 3 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/sharedComponents/quick-contact/quick-contact.component.css b/sharedComponents/quick-contact/quick-contact.component.css
index bbf6017c..aaab185d 100644
--- a/sharedComponents/quick-contact/quick-contact.component.css
+++ b/sharedComponents/quick-contact/quick-contact.component.css
@@ -5,7 +5,7 @@
 	z-index: 980;
 }
 
-.uk-dropdown {
+.uk-drop {
 	max-height: 550px;
 	height: calc(80vh - 100px);
 	width: 400px;
diff --git a/sharedComponents/quick-contact/quick-contact.component.html b/sharedComponents/quick-contact/quick-contact.component.html
index cc7bab9b..28f33844 100644
--- a/sharedComponents/quick-contact/quick-contact.component.html
+++ b/sharedComponents/quick-contact/quick-contact.component.html
@@ -4,9 +4,9 @@
 		<icon *ngIf="showDrop" name="close" [flex]="true"></icon>
 		<span class="uk-margin-small-left">{{contact}}</span>
 	</button>
-	<div #drop id="quick-contact" class="uk-dropdown uk-padding-remove"
-			 uk-dropdown="mode: click; pos: top-right; animation: uk-animation-fade; offset: 20">
-		<div class="uk-card uk-flex uk-flex-column uk-height-1-1">
+	<div #drop id="quick-contact" class="uk-drop"
+			 uk-drop="mode: click; pos: top-right; animation: uk-animation-fade; offset: 20">
+		<div class="uk-card uk-card-default uk-box-shadow-default uk-flex uk-flex-column uk-height-1-1">
 			<div class="uk-card-header uk-padding-small uk-text-center" [ngClass]="background">
 				<div class="uk-text-small">
 					Send a message
diff --git a/sharedComponents/quick-contact/quick-contact.component.ts b/sharedComponents/quick-contact/quick-contact.component.ts
index 67adf85d..eb5bbac4 100644
--- a/sharedComponents/quick-contact/quick-contact.component.ts
+++ b/sharedComponents/quick-contact/quick-contact.component.ts
@@ -54,7 +54,7 @@ export class QuickContactComponent implements OnInit, OnDestroy {
   }
   
   public close() {
-    UIkit.dropdown(this.drop.nativeElement).hide();
+    UIkit.drop(this.drop.nativeElement).hide();
   }
   
   public send(event) {