MaDgIK
/
connect
13
0
Fork 0
Code Issues Pull Requests Projects Releases 14 Wiki Activity

[Trunk | Connect]: 

1. affiliations.component.html: organizations slider in community first page: "coloredBackground" class added in <a> links for next and previous slider items
2. connect-custom.css: Css added for "coloredBackground" class (on focus and on hover too) - background color same as this of the page (#F7FCFF) and on hover opacity: 0.9.


git-svn-id: https://svn.driver.research-infrastructures.eu/driver/dnet40/modules/uoa-connect-portal/trunk@60787 d315682c-612b-4755-9ff5-7f18f6832af3
This commit is contained in:
konstantina.galouni 2021-04-02 16:34:01 +00:00
parent 72ba070939
commit c19cea83ab
2 changed files with 10 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/app/affiliations/affiliations.component.html
View File

@ -76,10 +76,10 @@
<!-- [class]="'uk-hidden-hover uk-position-center-left uk-padding uk-height-1-1 uk-flex uk-width-1-'+(affiliations.length >= affiliationsInSlider ? affiliationsInSlider : affiliations.length)"-->
<!-- class="uk-position-center-right uk-padding uk-height-1-1 uk-flex"-->
<a *ngIf="(affiliations.length > affiliationsInSlider) && arrows"
class="uk-position-center-left uk-padding uk-height-1-1 uk-flex"
class="uk-position-center-left uk-padding uk-height-1-1 uk-flex" [class.coloredBackground]="communityFirstPage"
href="#" uk-slidenav-previous uk-slider-item="previous"></a>
<a *ngIf="(affiliations.length > affiliationsInSlider) && arrows"
class="uk-position-center-right uk-padding uk-height-1-1 uk-flex"
class="uk-position-center-right uk-padding uk-height-1-1 uk-flex" [class.coloredBackground]="communityFirstPage"
href="#" uk-slidenav-next uk-slider-item="next"></a>
</div>
<div *ngIf="communityFirstPage">

8
src/assets/connect-custom.css
View File

@ -177,6 +177,14 @@ a:hover .user-circle-background {
min-height: 60vh;
}
.coloredBackground, .coloredBackground:focus, .coloredBackground:hover {
background-color: #F7FCFF;
}
.coloredBackground:hover {
opacity: 0.9;
}
.generalSearchForm .subtitle{
color: #000000 !important;
opacity: 0.6;