Fix uk-grid for print button

This commit is contained in:
Konstantinos Triantafyllou 2021-11-01 17:52:20 +02:00
parent 6620d401fa
commit b47c502279
1 changed files with 24 additions and 21 deletions

View File

@ -44,27 +44,30 @@
<div *ngIf="activeTopic && activeTopic.categories.length > 0" header> <div *ngIf="activeTopic && activeTopic.categories.length > 0" header>
<nav class=" "> <nav class=" ">
<div *ngIf="stakeholder && status === errorCodes.DONE && activeTopic" <div *ngIf="stakeholder && status === errorCodes.DONE && activeTopic"
class="uk-grid uk-flex uk-flex-middle uk-flex-between uk-grid-stack"> class="uk-grid uk-flex uk-flex-middle" uk-grid>
<ul <div class="uk-width-expand">
class="customTabs uk-tab"> <ul class="customTabs uk-tab">
<ng-template ngFor [ngForOf]="activeTopic.categories" let-category let-i="index"> <ng-template ngFor [ngForOf]="activeTopic.categories" let-category let-i="index">
<li *ngIf="isPublicOrIsMember(category.visibility)" <li *ngIf="isPublicOrIsMember(category.visibility)"
[class.uk-active]="category.alias === [class.uk-active]="category.alias ===
activeCategory.alias"> activeCategory.alias">
<a (click)="navigateTo(stakeholder.alias,activeTopic.alias, category.alias)"> <a (click)="navigateTo(stakeholder.alias,activeTopic.alias, category.alias)">
<span class="title">{{category.name}}</span> <span class="title">{{category.name}}</span>
</a> </a>
</li> </li>
</ng-template> </ng-template>
</ul> </ul>
<a class="uk-text-uppercase uk-flex uk-flex-middle uk-flex-center"> </div>
<button class="uk-icon-button large uk-button-secondary" (click)="printReport()"> <div class="uk-width-auto@m uk-width-1-1 uk-flex uk-flex-center">
<icon name="print"></icon> <a class="uk-text-uppercase uk-flex uk-flex-middle uk-flex-center">
</button> <button class="uk-icon-button large uk-button-secondary" (click)="printReport()">
<button class="uk-button uk-button-link uk-margin-small-left uk-text-secondary" (click)="printReport()"> <icon name="print"></icon>
Print Report </button>
</button> <button class="uk-button uk-button-link uk-margin-small-left uk-text-secondary" (click)="printReport()">
</a> Print Report
</button>
</a>
</div>
</div> </div>
</nav> </nav>
<ul *ngIf="activeCategory && countSubCategoriesToShow(activeCategory) > 1" <ul *ngIf="activeCategory && countSubCategoriesToShow(activeCategory) > 1"
@ -307,4 +310,4 @@
(indicator.additionalDescription && indicator.additionalDescription.length?indicator.additionalDescription:'') (indicator.additionalDescription && indicator.additionalDescription.length?indicator.additionalDescription:'')
+'</div>'"> +'</div>'">
</span> </span>
</ng-template> </ng-template>