MaDgIK
/
irish-monitor
13
0
Fork 0
Code Issues Pull Requests Packages Projects Releases 4 Wiki Activity

[master]: Home fix buttons to portals

This commit is contained in:
Konstantinos Triantafyllou 2024-02-12 15:09:38 +02:00
parent 2510d68598
commit 67ebf92ffb
3 changed files with 29 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -77,8 +77,10 @@
<div class="uk-card uk-card-default uk-flex uk-flex-column uk-padding-small uk-height-1-1"> <div class="uk-card uk-card-default uk-flex uk-flex-column uk-padding-small uk-height-1-1">
<h6 class="uk-margin-remove-top uk-width-expand">Research Performing Organisations Monitors</h6> <h6 class="uk-margin-remove-top uk-width-expand">Research Performing Organisations Monitors</h6>
<div class="uk-flex uk-flex-right uk-margin-top organization"> <div class="uk-flex uk-flex-right uk-margin-top organization">
<a routerLink="/rpo" class="uk-icon-button uk-icon-button-small uk-button-primary uk-margin-left"> <a routerLink="/rpo">
<icon name="north_east" [flex]="true"></icon> <button class="uk-icon-button uk-icon-button-small uk-button-primary uk-margin-left">
<icon name="north_east" [flex]="true"></icon>
</button>
</a> </a>
</div> </div>
</div> </div>
@ -87,8 +89,10 @@
<div class="uk-card uk-card-default uk-flex uk-flex-column uk-padding-small uk-height-1-1"> <div class="uk-card uk-card-default uk-flex uk-flex-column uk-padding-small uk-height-1-1">
<h6 class="uk-margin-remove-top uk-width-expand">Researchers monitors</h6> <h6 class="uk-margin-remove-top uk-width-expand">Researchers monitors</h6>
<div class="uk-flex uk-flex-right researcher"> <div class="uk-flex uk-flex-right researcher">
<a routerLink="/researcher" class="uk-icon-button uk-icon-button-small uk-button-primary uk-margin-left"> <a routerLink="/researcher">
<icon name="north_east" [flex]="true"></icon> <button class="uk-icon-button uk-icon-button-small uk-button-primary uk-margin-left">
<icon name="north_east" [flex]="true"></icon>
</button>
</a> </a>
</div> </div>
</div> </div>
@ -97,8 +101,10 @@
<div class="uk-card uk-card-default uk-flex uk-flex-column uk-padding-small uk-height-1-1"> <div class="uk-card uk-card-default uk-flex uk-flex-column uk-padding-small uk-height-1-1">
<h6 class="uk-margin-remove-top uk-width-expand">Research Funding Organisations Monitors</h6> <h6 class="uk-margin-remove-top uk-width-expand">Research Funding Organisations Monitors</h6>
<div class="uk-flex uk-flex-right funder"> <div class="uk-flex uk-flex-right funder">
<a routerLink="/rfo" class="uk-icon-button uk-icon-button-small uk-button-primary uk-margin-left"> <a routerLink="/rfo">
<icon name="north_east" [flex]="true"></icon> <button class="uk-icon-button uk-icon-button-small uk-button-primary uk-margin-left">
<icon name="north_east" [flex]="true"></icon>
</button>
</a> </a>
</div> </div>
</div> </div>
@ -107,8 +113,10 @@
<div class="uk-card uk-card-default uk-flex uk-flex-column uk-padding-small uk-height-1-1"> <div class="uk-card uk-card-default uk-flex uk-flex-column uk-padding-small uk-height-1-1">
<h6 class="uk-margin-remove-top uk-width-expand">Repositories Monitors</h6> <h6 class="uk-margin-remove-top uk-width-expand">Repositories Monitors</h6>
<div class="uk-flex uk-flex-right datasource"> <div class="uk-flex uk-flex-right datasource">
<a routerLink="/repository" class="uk-icon-button uk-icon-button-small uk-button-primary uk-margin-left"> <a routerLink="/repository">
<icon name="north_east" [flex]="true"></icon> <button class="uk-icon-button uk-icon-button-small uk-button-primary uk-margin-left">
<icon name="north_east" [flex]="true"></icon>
</button>
</a> </a>
</div> </div>
</div> </div>
@ -132,7 +140,7 @@
<div class="uk-card uk-card-default uk-flex uk-flex-column uk-padding-small"> <div class="uk-card uk-card-default uk-flex uk-flex-column uk-padding-small">
<h6>Add to ORCID</h6> <h6>Add to ORCID</h6>
<div class="uk-text-small uk-width-expand uk-padding-xsmall uk-padding-remove-horizontal uk-margin-medium-bottom"> <div class="uk-text-small uk-width-expand uk-padding-xsmall uk-padding-remove-horizontal uk-margin-medium-bottom">
Sync and enhanced your ORCID record. Sync and enhance your ORCID record.
</div> </div>
<div class="uk-flex uk-flex-right"> <div class="uk-flex uk-flex-right">
<a routerLink="/my-orcid-links" class="uk-link-reset uk-text-bolder uk-flex uk-flex-middle"> <a routerLink="/my-orcid-links" class="uk-link-reset uk-text-bolder uk-flex uk-flex-middle">

19
src/app/home/home.component.less
View File

@ -1,5 +1,11 @@
@import (reference) "~src/assets/extend-theme/less/_import-variables"; @import (reference) "~src/assets/extend-theme/less/_import-variables";
@title-width: 350px;
@dot-size: 45px;
@card-border-radius: 14px;
@curator-image-size: 80px;
@curator-border-radius: 18px;
.hero { .hero {
background-image: url("~/src/assets/irish-assets/home/logo-shadow.png"); background-image: url("~/src/assets/irish-assets/home/logo-shadow.png");
background-position: center -100%; background-position: center -100%;
@ -31,21 +37,21 @@
} }
.title { .title {
width: 350px; width: @title-width;
&::after { &::after {
content: ''; content: '';
background-image: url("~/src/assets/irish-assets/home/dot.svg"); background-image: url("~/src/assets/irish-assets/home/dot.svg");
background-size: contain; background-size: contain;
width: 45px; width: @dot-size;
height: 45px; height: @dot-size;
display: inline-flex; display: inline-flex;
transform: translateY(50%); transform: translateY(50%);
} }
} }
.uk-card { .uk-card {
border-radius: 14px; border-radius: @card-border-radius;
} }
.country:not(:hover) .uk-button-primary { .country:not(:hover) .uk-button-primary {
@ -73,16 +79,13 @@
color: @global-inverse-color; color: @global-inverse-color;
} }
@curator-image-size: 80px;
.curators { .curators {
img { img {
width: @curator-image-size; width: @curator-image-size;
height: @curator-image-size; height: @curator-image-size;
object-fit: cover; object-fit: cover;
border-radius: 18px; border-radius: @curator-border-radius;
&:nth-child(2) { &:nth-child(2) {
transform: rotate(-10deg); transform: rotate(-10deg);

2
src/app/openaireLibrary

@ -1 +1 @@
Subproject commit d2aa28225a816fd2773f7a502b0f38272285ccc7 Subproject commit 6e2cf28aeeefd724aa441ed337b269c892db9ca2