Monitor page: Fix margins

This commit is contained in:
Konstantinos Triantafyllou 2022-07-25 11:18:46 +03:00
parent d5eff684cd
commit 555c717e21
4 changed files with 6 additions and 11 deletions

View File

@ -105,12 +105,11 @@
</ng-template> </ng-template>
<ng-template #content> <ng-template #content>
<ng-container *ngFor="let number of activeSubCategory.numbers; let i = index;"> <ng-container *ngFor="let number of activeSubCategory.numbers; let i = index;">
<div *ngIf="countIndicatorsToShow(number.indicators) > 0" class="uk-grid uk-margin-large-bottom" uk-grid <div *ngIf="countIndicatorsToShow(number.indicators) > 0" class="uk-grid uk-margin-medium-bottom" uk-grid
uk-height-match="target: .uk-card"> uk-height-match="target: .uk-card">
<h5 *ngIf="number.title" class="uk-width-1-1 uk-margin-bottom">{{number.title}}</h5> <h5 *ngIf="number.title" class="uk-width-1-1 uk-margin-bottom">{{number.title}}</h5>
<ng-template ngFor [ngForOf]="number.indicators" let-indicator let-j="index"> <ng-template ngFor [ngForOf]="number.indicators" let-indicator let-j="index">
<div *ngIf="isPublicOrIsMember(indicator.visibility)" [ngClass]="getNumberClassBySize(indicator.width)" <div *ngIf="isPublicOrIsMember(indicator.visibility)" [ngClass]="getNumberClassBySize(indicator.width)">
class="uk-margin-bottom">
<div class="uk-card uk-card-default uk-flex uk-flex-column uk-flex-center" <div class="uk-card uk-card-default uk-flex uk-flex-column uk-flex-center"
[class.semiFiltered]="indicator.indicatorPaths[0].filtersApplied < countSelectedFilters()"> [class.semiFiltered]="indicator.indicatorPaths[0].filtersApplied < countSelectedFilters()">
<div class="uk-text-center"> <div class="uk-text-center">
@ -143,7 +142,6 @@
</ng-template> </ng-template>
</div> </div>
</ng-container> </ng-container>
<div [class.uk-margin-large-top]="countSectionsWithIndicatorsToShow(activeSubCategory.numbers) > 0">
<ng-container *ngFor="let chart of activeSubCategory.charts; let i = index;"> <ng-container *ngFor="let chart of activeSubCategory.charts; let i = index;">
<div *ngIf="countIndicatorsToShow(chart.indicators) > 0" <div *ngIf="countIndicatorsToShow(chart.indicators) > 0"
class="uk-grid uk-grid-column-medium uk-margin-medium-bottom uk-flex uk-flex-middle" uk-grid class="uk-grid uk-grid-column-medium uk-margin-medium-bottom uk-flex uk-flex-middle" uk-grid
@ -219,7 +217,6 @@
</ng-template> </ng-template>
</div> </div>
</ng-container> </ng-container>
</div>
<div class="uk-margin-medium-top uk-text-small uk-flex hideInfo"> <div class="uk-margin-medium-top uk-text-small uk-flex hideInfo">
<!-- Last Stats Date--> <!-- Last Stats Date-->
<div class="uk-width-2-3@m uk-width-1-2"> <div class="uk-width-2-3@m uk-width-1-2">
@ -242,8 +239,6 @@
</div> </div>
</div> </div>
</div> </div>
<!--(click)="filterToggle= !filterToggle"
[style.display]="(filterToggle?'none':'inherit')"-->
<div *ngIf="stakeholder && !privateStakeholder " href="#style_switcher" uk-toggle="" id="filters_switcher_toggle" <div *ngIf="stakeholder && !privateStakeholder " href="#style_switcher" uk-toggle="" id="filters_switcher_toggle"
class="uk-offcanvas-switcher uk-flex uk-flex-center uk-flex-middle"> class="uk-offcanvas-switcher uk-flex uk-flex-center uk-flex-middle">
<icon name="filters" ratio="1.5" visuallyHidden="Filters" gradient="filters_icon"></icon> <icon name="filters" ratio="1.5" visuallyHidden="Filters" gradient="filters_icon"></icon>

@ -1 +1 @@
Subproject commit f38c56fa7d39044db788b6283bfa91af71a8e553 Subproject commit dd9f893e2f3b2e1221c2512db3352cc1d0a18ea6

@ -1 +1 @@
Subproject commit bb96e1c48fbc2090220d2b72415b929c3cc23492 Subproject commit f10d1dd1350f2da69eecb3bb43880c0de4705399

@ -1 +1 @@
Subproject commit 3bc96a4bdccd2f09dab039759375fa8980e8e59e Subproject commit a05879462df531d670cd521f1834ccdc76e11ae0