MaDgIK
/
graph
13
0
Fork 0
Code Issues Pull Requests Projects Releases 2 Wiki Activity

[Graph | Trunk]: Change numbers class on home 

git-svn-id: https://svn.driver.research-infrastructures.eu/driver/dnet40/modules/uoa-graph-portal/trunk@59686 d315682c-612b-4755-9ff5-7f18f6832af3
This commit is contained in:
Konstantinos Triantafyllou 2020-10-23 18:36:57 +00:00
parent 04e5617b04
commit fc8ef8cc1f
2 changed files with 10 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/app/home/home.component.css
View File

@ -51,16 +51,6 @@
animation-duration: 1.5s;
}
.numbers .emphasis {
font-size: 41px;
font-weight: bold;
}
@media only screen and (max-width: 639px) {
.numbers .emphasis {
font-size: 27px !important;
}
}
.numbers-background {
background: transparent url('assets/graph-assets/home/5.svg') repeat-x center bottom;
}

20
src/app/home/home.component.html
View File

@ -278,7 +278,7 @@
</div>
</div>
</div>
<div class="numbers">
<div>
<div class="uk-section">
<div class="uk-padding-small">
<h2 class="uk-text-center">
@ -288,19 +288,19 @@
<div class="uk-grid uk-child-width-1-3@m">
<div *ngIf="fundersSize">
<h3 class="uk-text-secondary">
<span class="uk-text-bold emphasis"> {{fundersSize.number|number}}</span>{{fundersSize.size}}
<span class="uk-text-bold number"> {{fundersSize.number|number}}</span>{{fundersSize.size}}
</h3>
<span class="uk-text-uppercase uk-text-large">Funders</span>
</div>
<div *ngIf="datasourcesSize">
<h3 class="uk-text-secondary">
<span class="uk-text-bold emphasis"> {{datasourcesSize.number|number}}</span>{{datasourcesSize.size}}
<span class="uk-text-bold number"> {{datasourcesSize.number|number}}</span>{{datasourcesSize.size}}
</h3>
<span class="uk-text-uppercase uk-text-large">Content providers</span>
</div>
<div *ngIf="projectsSize">
<h3 class="uk-text-secondary">
<span class="uk-text-bold emphasis"> {{projectsSize.number|number}}</span>{{projectsSize.size}}
<span class="uk-text-bold number"> {{projectsSize.number|number}}</span>{{projectsSize.size}}
</h3>
<span class="uk-text-uppercase uk-text-large">Projects</span>
</div>
@ -313,21 +313,21 @@
class="uk-margin-medium-bottom uk-flex uk-flex-center">
<div>
<div *ngIf="publicationsSize">
<div class="emphasis uk-margin-bottom">{{publicationsSize.count|number}} </div>
<div class="number uk-text-bold uk-margin-bottom">{{publicationsSize.count|number}} </div>
<div class="uk-text-uppercase uk-flex uk-flex-middle">
<icon name="book" ratio="1.5" [flex]="true" class="uk-margin-right" customClass="uk-text-secondary"></icon>
<span>publications</span>
</div>
</div>
<div *ngIf="softwareSize" class="uk-visible@m">
<div class="emphasis uk-margin-medium-top uk-margin-bottom">{{softwareSize.count|number}} </div>
<div class="number uk-text-bold uk-margin-medium-top uk-margin-bottom">{{softwareSize.count|number}} </div>
<div class="uk-text-uppercase uk-flex uk-flex-middle">
<icon name="cog" ratio="1.5" [flex]="true" class="uk-margin-right" customClass="uk-text-secondary"></icon>
<span>software</span>
</div>
</div>
<div *ngIf="datasetsSize" class="uk-hidden@m">
<div class="emphasis uk-margin-medium-top uk-margin-bottom">{{datasetsSize.count|number}} </div>
<div class="number uk-text-bold uk-margin-medium-top uk-margin-bottom">{{datasetsSize.count|number}} </div>
<div class="uk-text-uppercase uk-flex uk-flex-middle">
<icon name="database" ratio="1.5" [flex]="true" class="uk-margin-right" customClass="uk-text-secondary"></icon>
<span>research data</span>
@ -339,21 +339,21 @@
class="uk-margin-medium-bottom uk-flex uk-flex-center">
<div>
<div *ngIf="softwareSize" class="uk-hidden@m">
<div class="emphasis uk-margin-bottom">{{softwareSize.count|number}} </div>
<div class="number uk-text-bold uk-margin-bottom">{{softwareSize.count|number}} </div>
<div class="uk-text-uppercase uk-flex uk-flex-middle">
<icon name="cog" ratio="1.5" [flex]="true" class="uk-margin-right" customClass="uk-text-secondary"></icon>
<span>software</span>
</div>
</div>
<div *ngIf="datasetsSize" class="uk-visible@m">
<div class="emphasis uk-margin-bottom">{{datasetsSize.count|number}} </div>
<div class="number uk-text-bold uk-margin-bottom">{{datasetsSize.count|number}} </div>
<div class="uk-text-uppercase uk-flex uk-flex-middle">
<icon name="database" ratio="1.5" [flex]="true" class="uk-margin-right" customClass="uk-text-secondary"></icon>
<span>research data</span>
</div>
</div>
<div *ngIf="otherSize">
<div class="emphasis uk-margin-medium-top uk-margin-bottom">{{otherSize.count|number}} </div>
<div class="number uk-text-bold uk-margin-medium-top uk-margin-bottom">{{otherSize.count|number}} </div>
<div class="uk-text-uppercase uk-flex uk-flex-middle">
<icon name="earth" ratio="1.5" [flex]="true" class="uk-margin-right" customClass="uk-text-secondary"></icon>
<span class="uk-hidden@m">other research<br>products</span>