MaDgIK
/
explore-services
13
0
Fork 0
Code Issues Pull Requests Projects Releases 23 Wiki Activity

change for SDGs card details

This commit is contained in:
Alex Martzios 2022-06-07 12:19:35 +03:00
parent a85c7781f2
commit 8eeea3f913
4 changed files with 13 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
explore/src/app/openaireLibrary

@ -1 +1 @@
Subproject commit b88c65a3430a3689770e40e1e6f34d8bb10b86c3
Subproject commit f3af762dab9b3d489dd4f78c46f3537aff840efd

6
explore/src/app/sdg/sdg.component.css
View File

@ -7,10 +7,12 @@
width: 18px;
margin-left: 10px;
}
.sdg-card {
.sdg-card-text-color {
color: #F9F9F9 !important;
}
.sdg-card {
width: 265px;
height: 235px;
height: 255px;
}
.sdg-card img {
height: 40px;

16
explore/src/app/sdg/sdg.component.html
View File

@ -46,24 +46,22 @@
<div *ngFor="let sdg of displayedSdgs">
<a [routerLink]="properties.searchLinkToAdvancedResults" [queryParams]="{f0: 'sdg', fv0: sdg.id}"
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-flex uk-flex-middle">
<div class="uk-text-bold uk-h4 uk-margin-remove" style="color: inherit;">
<div class="uk-flex uk-flex-middle uk-padding-small uk-padding-remove-bottom">
<div class="uk-text-bold sdg-card-text-color uk-h4 uk-margin-remove">
{{sdg.code}}
</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>
</div>
</div>
<div class="uk-text-center">
<img [src]="'../../assets/explore-assets/sdgs/g' + sdg.code + '.png'" alt="">
</div>
<div class="uk-text-center">
<div>
<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-margin-remove">{{openaireEntities.RESULTS}}</p>
</div>
<div class="uk-text-center uk-padding-small uk-background-default" style="border-radius: 0 0 4px 4px;">
<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>
</div>
</div>
</div>

2
explore/src/assets/openaire-theme

@ -1 +1 @@
Subproject commit e032e8ce0a597da6e447451e53ed7e6bdfed2323
Subproject commit accd757bca96e58296a5ab4863bddae73e650aba