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

Quick contact: Add box shadow default on button and uk-dropdown instead of uk-drop

This commit is contained in:
Konstantinos Triantafyllou 2022-05-05 12:13:28 +03:00
parent 58edff9177
commit 78a5fb2c75
2 changed files with 4 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -2,9 +2,10 @@
position: fixed; position: fixed;
bottom: 5vh; bottom: 5vh;
right: 5vw; right: 5vw;
z-index: 980;
} }
.uk-drop { .uk-dropdown {
max-height: 650px; max-height: 650px;
height: calc(80vh - 100px); height: calc(80vh - 100px);
width: 500px; width: 500px;

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

@ -1,10 +1,10 @@
<div class="quick-contact dark"> <div class="quick-contact dark">
<a class="uk-button uk-box-shadow-small uk-button-secondary uk-flex uk-flex-middle"> <a class="uk-button uk-box-shadow-default uk-button-secondary uk-flex uk-flex-middle">
<icon *ngIf="!showDrop" name="mail" [flex]="true"></icon> <icon *ngIf="!showDrop" name="mail" [flex]="true"></icon>
<icon *ngIf="showDrop" name="close" [flex]="true"></icon> <icon *ngIf="showDrop" name="close" [flex]="true"></icon>
<span class="uk-margin-small-left">Contact</span> <span class="uk-margin-small-left">Contact</span>
</a> </a>
<div #drop id="quick-contact" class="uk-card uk-box-shadow-small uk-card-default uk-drop uk-overflow-auto" uk-drop="mode: click; pos: top-right; animation: uk-animation-fade"> <div #drop id="quick-contact" class="uk-dropdown uk-padding-remove uk-overflow-auto" uk-dropdown="mode: click; pos: top-right; animation: uk-animation-fade">
<div class="uk-card-header uk-background-primary uk-padding-small uk-text-center"> <div class="uk-card-header uk-background-primary uk-padding-small uk-text-center">
<div class="uk-text-small"> <div class="uk-text-small">
Send a message Send a message