MaDgIK
/
openaire-library
13
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Quick contact change dropdown to drop with card and default shadow

This commit is contained in:
Konstantinos Triantafyllou 2022-06-03 12:44:21 +03:00
parent 6663dee508
commit 9542bd1e32
3 changed files with 5 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
sharedComponents/quick-contact/quick-contact.component.css
View File

@ -5,7 +5,7 @@
z-index: 980;
}
.uk-dropdown {
.uk-drop {
max-height: 550px;
height: calc(80vh - 100px);
width: 400px;

6
sharedComponents/quick-contact/quick-contact.component.html
View File

@ -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

2
sharedComponents/quick-contact/quick-contact.component.ts
View File

@ -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) {