[Connect | Trunk]: Change color of fonts.

git-svn-id: https://svn.driver.research-infrastructures.eu/driver/dnet40/modules/uoa-connect-portal/trunk@58556 d315682c-612b-4755-9ff5-7f18f6832af3
This commit is contained in:
k.triantafyllou 2020-04-27 10:49:56 +00:00
parent 04b3bc4c72
commit a0ea8fd83f
5 changed files with 14 additions and 12 deletions

View File

@ -1,4 +1,4 @@
<div class="uk-container line-height-normal uk-text-small" *ngIf="community"> <div class="uk-container line-height-normal" *ngIf="community">
<div class="badges"> <div class="badges">
<div *ngIf="community.isSubscribed" <div *ngIf="community.isSubscribed"
class="portal-card-badge uk-text-center"> class="portal-card-badge uk-text-center">
@ -53,7 +53,7 @@
</div> </div>
<div class="uk-card-body uk-padding-small uk-padding-remove-horizontal uk-padding-remove-top uk-margin-small-top uk-margin-bottom"> <div class="uk-card-body uk-padding-small uk-padding-remove-horizontal uk-padding-remove-top uk-margin-small-top uk-margin-bottom">
<div class="uk-text-center uk-text-bold " [ngClass]="(showDescription)?'uk-margin-bottom':''"> <div class="uk-text-center uk-text-bold " [ngClass]="(showDescription)?'uk-margin-bottom':''">
<a *ngIf="directLink" [href]="getCommunityPageUrl()" target="_blank"> <a *ngIf="directLink" [href]="getCommunityPageUrl()" class="color uk-text-bold" target="_blank">
<span *ngIf="community.title"> <span *ngIf="community.title">
{{community.title.slice(0, thresholdTitle)}} {{community.title.slice(0, thresholdTitle)}}
<span *ngIf="community.title.length > thresholdTitle">...</span> <span *ngIf="community.title.length > thresholdTitle">...</span>
@ -63,7 +63,7 @@
<span *ngIf="community.shortTitle.length > thresholdTitle">...</span> <span *ngIf="community.shortTitle.length > thresholdTitle">...</span>
</span> </span>
</a> </a>
<a *ngIf="!directLink" (click)="confirmModalOpen()"> <a *ngIf="!directLink" (click)="confirmModalOpen()" class="color uk-text-bold">
<span *ngIf="community.title"> <span *ngIf="community.title">
{{community.title.slice(0, thresholdTitle)}} {{community.title.slice(0, thresholdTitle)}}
<span *ngIf="community.title.length > thresholdTitle">...</span> <span *ngIf="community.title.length > thresholdTitle">...</span>
@ -74,7 +74,7 @@
</span> </span>
</a> </a>
</div> </div>
<div class="uk-text-left" *ngIf="community.description != null && showDescription" <div class="uk-text-left uk-text-small" *ngIf="community.description != null && showDescription"
title="{{community.description}}"> title="{{community.description}}">
<span>{{community.description.slice(0, thresholdDescription)}}<span <span>{{community.description.slice(0, thresholdDescription)}}<span
*ngIf="community.description.length > thresholdDescription">...</span></span> *ngIf="community.description.length > thresholdDescription">...</span></span>

View File

@ -19,7 +19,7 @@
class="uk-grid-match uk-grid-medium uk-child-width-1-5@m uk-child-width-1-2 uk-text-center" class="uk-grid-match uk-grid-medium uk-child-width-1-5@m uk-child-width-1-2 uk-text-center"
uk-grid uk-height-match=".community"> uk-grid uk-height-match=".community">
<div *ngFor="let community of researchCommunities.slice(0, 5); let i = index"> <div *ngFor="let community of researchCommunities.slice(0, 5); let i = index">
<div class="uk-padding-small uk-card uk-card-default communityCard"> <div class="uk-padding-small communityCard">
<browse-community [community]=community></browse-community> <browse-community [community]=community></browse-community>
</div> </div>
</div> </div>

View File

@ -16,7 +16,7 @@
class="loading-gif uk-align-center"></span></div> class="loading-gif uk-align-center"></span></div>
</div> </div>
<div *ngIf="!loading" class="uk-container uk-container-large"> <div *ngIf="!loading" class="uk-container uk-container-large">
<div class="uk-text-center uk-text-bold uk-h2 uk-margin-bottom">My Communities</div> <h2 class="uk-text-center uk-text-bold">My Communities</h2>
<div *ngIf="managerOfCommunities.length > 0 || subscriberOfCommunities.length > 0" <div *ngIf="managerOfCommunities.length > 0 || subscriberOfCommunities.length > 0"
class="uk-child-width-1-1@s uk-child-width-1-2@m uk-flex uk-flex-middle" uk-grid uk-height-match="target: .community; row: false"> class="uk-child-width-1-1@s uk-child-width-1-2@m uk-flex uk-flex-middle" uk-grid uk-height-match="target: .community; row: false">
<div> <div>
@ -89,7 +89,7 @@
<errorMessages [status]="[status]" [type]="'communities'"></errorMessages> <errorMessages [status]="[status]" [type]="'communities'"></errorMessages>
</div> </div>
<div *ngIf="!loading && researchCommunities.length > 0"> <div *ngIf="!loading && researchCommunities.length > 0">
<div class="uk-text-bold uk-h5">Community Gateways in Action</div> <h5 class="uk-text-bold">Community Gateways in Action</h5>
<div [class]="(researchCommunities.length <= 5 ? ' uk-margin-medium-bottom' : '')"> <div [class]="(researchCommunities.length <= 5 ? ' uk-margin-medium-bottom' : '')">
<div <div
class="uk-grid-match uk-grid-medium uk-child-width-1-5@m uk-child-width-1-2 uk-text-center" class="uk-grid-match uk-grid-medium uk-child-width-1-5@m uk-child-width-1-2 uk-text-center"

Binary file not shown.

Before

Width:  |  Height:  |  Size: 84 KiB

After

Width:  |  Height:  |  Size: 1.0 MiB

View File

@ -91,6 +91,8 @@
box-shadow: 0 1px 3px #00000029; box-shadow: 0 1px 3px #00000029;
border-radius: 2px; border-radius: 2px;
padding: 20px; padding: 20px;
position: relative;
background-color: white;
} }
.rc-label { .rc-label {
@ -295,13 +297,13 @@ Impact Factor - ATHENA CODE */
background-color: #FAFAFA !important; background-color: #FAFAFA !important;
} }
.connectApp .color { .connectApp .uk-text-large {
color: #292747 !important; font-size: 18px;
} }
.connectApp .dashboard { .connectApp , .connectApp h1, .connectApp h2, .connectApp h3,
background: url("connect-assets/home/dashboard.png") no-repeat bottom; .connectApp h4, .connectApp h5, .connectApp h6, .connectApp .uk-card, .connectApp .color{
min-height: 320px; color: #292747 !important;
} }
.connectApp .portal-button { .connectApp .portal-button {