Project

General

Profile

« Previous | Next » 

Revision 60787

[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.

View differences:

modules/uoa-connect-portal/trunk/src/app/affiliations/affiliations.component.html
76 76
    <!--       [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)"-->
77 77
    <!--    class="uk-position-center-right uk-padding uk-height-1-1 uk-flex"-->
78 78
    <a *ngIf="(affiliations.length > affiliationsInSlider) && arrows"
79
       class="uk-position-center-left uk-padding uk-height-1-1 uk-flex"
79
       class="uk-position-center-left uk-padding uk-height-1-1 uk-flex" [class.coloredBackground]="communityFirstPage"
80 80
       href="#" uk-slidenav-previous uk-slider-item="previous"></a>
81 81
    <a *ngIf="(affiliations.length > affiliationsInSlider) && arrows"
82
       class="uk-position-center-right uk-padding uk-height-1-1 uk-flex"
82
       class="uk-position-center-right uk-padding uk-height-1-1 uk-flex" [class.coloredBackground]="communityFirstPage"
83 83
       href="#" uk-slidenav-next uk-slider-item="next"></a>
84 84
  </div>
85 85
  <div *ngIf="communityFirstPage">
modules/uoa-connect-portal/trunk/src/assets/connect-custom.css
177 177
    min-height: 60vh;
178 178
}
179 179

  
180
.coloredBackground, .coloredBackground:focus, .coloredBackground:hover {
181
    background-color: #F7FCFF;
182
}
183

  
184
.coloredBackground:hover {
185
    opacity: 0.9;
186
}
187

  
180 188
.generalSearchForm .subtitle{
181 189
    color: #000000 !important;
182 190
    opacity: 0.6;

Also available in: Unified diff