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

Quick contact: Make header sticky

This commit is contained in:
Konstantinos Triantafyllou 2022-06-02 18:35:53 +03:00
parent bc5f5860f9
commit 156ec495a2
1 changed files with 19 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -4,8 +4,9 @@
<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>
</button> </button>
<div #drop id="quick-contact" class="uk-dropdown uk-padding-remove uk-overflow-auto" <div #drop id="quick-contact" class="uk-dropdown uk-padding-remove"
uk-dropdown="mode: click; pos: top-right; animation: uk-animation-fade; offset: 20"> 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 class="uk-card-header uk-padding-small uk-text-center" [ngClass]="background"> <div class="uk-card-header uk-padding-small uk-text-center" [ngClass]="background">
<div class="uk-text-small"> <div class="uk-text-small">
Send a message Send a message
@ -20,10 +21,11 @@
We usually respond in a few hours. We usually respond in a few hours.
</div> </div>
</div> </div>
<div class="uk-card-body"> <div class="uk-card-body uk-width-expand uk-overflow-auto">
<loading *ngIf="sending" class="uk-margin-xlarge-top"></loading> <loading *ngIf="sending" class="uk-margin-xlarge-top"></loading>
<contact-us *ngIf="contactForm && !sending" [organizationTypes]="organizationTypes" (sendEmitter)="send($event)" <contact-us *ngIf="contactForm && !sending" [organizationTypes]="organizationTypes" (sendEmitter)="send($event)"
[smallForm]="true" sendButton="Send Message" [contactForm]="contactForm"></contact-us> [smallForm]="true" sendButton="Send Message" [contactForm]="contactForm"></contact-us>
</div> </div>
</div> </div>
</div>
</div> </div>