[Library | develop]: full-screen-modal.component.ts: [Bug fix] Removed uk-invisible class from ok and cancel buttons section (wrong check and buttons never appeared) & Added uk-disabled class in back link.

This commit is contained in:
Konstantina Galouni 2023-06-22 16:48:10 +03:00
parent db55273b68
commit 558357b03e
1 changed files with 2 additions and 3 deletions

View File

@ -23,7 +23,7 @@ declare var ResizeObserver;
<div class="uk-modal-dialog">
<div #header class="uk-modal-header uk-flex uk-flex-middle" [ngClass]="classTitle">
<div [class.uk-invisible]="!back" class="uk-width-medium@l uk-width-auto uk-flex uk-flex-center">
<button class="uk-button uk-button-link" [disabled]="!back" (click)="cancel()">
<button class="uk-button uk-button-link" [class.uk-disabled]="!back" [disabled]="!back" (click)="cancel()">
<icon name="west" [flex]="true" ratio="3"></icon>
</button>
</div>
@ -32,8 +32,7 @@ declare var ResizeObserver;
<h2 class="uk-margin-remove">{{title}}</h2>
</div>
<div class="uk-width-medium@l uk-width-auto uk-flex"
[class.uk-flex-center]="okButton" [class.uk-flex-right]="!okButton"
[class.uk-invisible]="okButton || cancelButton">
[class.uk-flex-center]="okButton" [class.uk-flex-right]="!okButton">
<button *ngIf="okButton" class="uk-button uk-button-default" [disabled]="okButtonDisabled"
[class.uk-disabled]="okButtonDisabled" (click)="ok()">
{{okButtonText}}