change for SDGs card details
This commit is contained in:
parent
a85c7781f2
commit
8eeea3f913
|
@ -1 +1 @@
|
||||||
Subproject commit b88c65a3430a3689770e40e1e6f34d8bb10b86c3
|
Subproject commit f3af762dab9b3d489dd4f78c46f3537aff840efd
|
|
@ -7,10 +7,12 @@
|
||||||
width: 18px;
|
width: 18px;
|
||||||
margin-left: 10px;
|
margin-left: 10px;
|
||||||
}
|
}
|
||||||
.sdg-card {
|
.sdg-card-text-color {
|
||||||
color: #F9F9F9 !important;
|
color: #F9F9F9 !important;
|
||||||
|
}
|
||||||
|
.sdg-card {
|
||||||
width: 265px;
|
width: 265px;
|
||||||
height: 235px;
|
height: 255px;
|
||||||
}
|
}
|
||||||
.sdg-card img {
|
.sdg-card img {
|
||||||
height: 40px;
|
height: 40px;
|
||||||
|
|
|
@ -46,24 +46,22 @@
|
||||||
<div *ngFor="let sdg of displayedSdgs">
|
<div *ngFor="let sdg of displayedSdgs">
|
||||||
<a [routerLink]="properties.searchLinkToAdvancedResults" [queryParams]="{f0: 'sdg', fv0: sdg.id}"
|
<a [routerLink]="properties.searchLinkToAdvancedResults" [queryParams]="{f0: 'sdg', fv0: sdg.id}"
|
||||||
class="uk-link-reset">
|
class="uk-link-reset">
|
||||||
<div class="uk-card uk-card-default uk-card-hover uk-padding-small" [class]="'sdg-card sdg-' + sdg.code">
|
<div class="uk-card uk-card-default uk-card-hover" [class]="'sdg-card sdg-' + sdg.code">
|
||||||
<div class="uk-height-1-1 uk-flex uk-flex-column uk-flex-between">
|
<div class="uk-height-1-1 uk-flex uk-flex-column uk-flex-between">
|
||||||
<div class="uk-flex uk-flex-middle">
|
<div class="uk-flex uk-flex-middle uk-padding-small uk-padding-remove-bottom">
|
||||||
<div class="uk-text-bold uk-h4 uk-margin-remove" style="color: inherit;">
|
<div class="uk-text-bold sdg-card-text-color uk-h4 uk-margin-remove">
|
||||||
{{sdg.code}}
|
{{sdg.code}}
|
||||||
</div>
|
</div>
|
||||||
<div class="uk-text-bold uk-text-uppercase uk-text-small uk-margin-small-left">
|
<div class="uk-text-bold sdg-card-text-color uk-text-uppercase uk-text-small uk-margin-small-left">
|
||||||
<span [innerHTML]="sdg.html"></span>
|
<span [innerHTML]="sdg.html"></span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="uk-text-center">
|
<div class="uk-text-center">
|
||||||
<img [src]="'../../assets/explore-assets/sdgs/g' + sdg.code + '.png'" alt="">
|
<img [src]="'../../assets/explore-assets/sdgs/g' + sdg.code + '.png'" alt="">
|
||||||
</div>
|
</div>
|
||||||
<div class="uk-text-center">
|
<div class="uk-text-center uk-padding-small uk-background-default" style="border-radius: 0 0 4px 4px;">
|
||||||
<div>
|
<span class="uk-text-large uk-text-bold uk-margin-small-bottom">{{sdg.number == null ? '0' : sdg.number | number}}</span>
|
||||||
<span class="uk-text-large uk-text-bold uk-margin-small-bottom">{{sdg.number == null ? '0' : sdg.number | number}}</span>
|
<p class="uk-text-small uk-text-uppercase uk-margin-remove">{{openaireEntities.RESULTS}}</p>
|
||||||
<p class="uk-text-small uk-margin-remove">{{openaireEntities.RESULTS}}</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
@ -1 +1 @@
|
||||||
Subproject commit e032e8ce0a597da6e447451e53ed7e6bdfed2323
|
Subproject commit accd757bca96e58296a5ab4863bddae73e650aba
|
Loading…
Reference in New Issue