[Aggregator | Trunk]: Add number width to align numbers.

git-svn-id: https://svn.driver.research-infrastructures.eu/driver/dnet40/modules/uoa-aggregator-portal/trunk@60139 d315682c-612b-4755-9ff5-7f18f6832af3
This commit is contained in:
k.triantafyllou 2020-12-15 15:45:24 +00:00
parent 066cb14f30
commit 6346a39ef2
2 changed files with 7 additions and 11 deletions

View File

@ -207,9 +207,9 @@
</div>
<div class="numbers-background uk-section">
<div class="uk-container">
<div class="uk-grid uk-margin-auto-left uk-margin-auto-right uk-grid-large uk-flex uk-flex-center " uk-grid>
<div class="uk-grid uk-margin-auto-left uk-margin-auto-right uk-grid-large uk-flex uk-flex-center" uk-grid>
<div *ngIf="publicationsSize" class="uk-width-1-2@m uk-flex uk-flex-center">
<div>
<div class="number-width">
<a class="number uk-text-bold uk-margin-bottom" [routerLink]="properties.searchLinkToResults"
[queryParams]="{type: 'publications', qf: false}">
{{publicationsSize.count|number}} </a>
@ -220,7 +220,7 @@
</div>
</div>
<div *ngIf="datasetsSize" class="uk-width-1-2@m uk-flex uk-flex-center">
<div>
<div class="number-width">
<a class="number uk-text-bold uk-margin-bottom"
[routerLink]="properties.searchLinkToResults"
[queryParams]="{type: 'datasets', qf: false}">{{datasetsSize.count|number}} </a>
@ -233,10 +233,9 @@
</div>
</div>
<div *ngIf="softwareSize" class="uk-width-1-2@m uk-flex uk-flex-center">
<div>
<a
class="number uk-text-bold uk-margin-bottom" [routerLink]="properties.searchLinkToResults"
[queryParams]="{type: 'software', qf: false}">
<div class="number-width">
<a class="number uk-text-bold uk-margin-bottom" [routerLink]="properties.searchLinkToResults"
[queryParams]="{type: 'software', qf: false}">
{{softwareSize.count|number}} </a>
<div class="uk-text-uppercase uk-flex uk-flex-middle">
<icon name="cog" ratio="1.5" [flex]="true" class="uk-margin-right" customClass="portal-color"></icon>
@ -245,7 +244,7 @@
</div>
</div>
<div *ngIf="otherSize" class="uk-width-1-2@m uk-flex uk-flex-center">
<div>
<div class="number-width">
<a class="number uk-text-bold uk-margin-bottom" [routerLink]="properties.searchLinkToResults"
[queryParams]="{type: 'other', qf: false}">{{otherSize.count|number}} </a>
<div class="uk-text-uppercase uk-flex uk-flex-middle">

View File

@ -48,6 +48,3 @@
.numbers-background {
background: transparent url('numbers_background_pattern.svg') 0 0 repeat-x padding-box;
}
.number {
color: #1d1d1d;
}