[Dashboard] home - supporting organizations: on hover just color the current logo
This commit is contained in:
parent
53b8c1b0cd
commit
313053bf20
|
@ -0,0 +1,14 @@
|
||||||
|
.affiliationCard {
|
||||||
|
width: 260px !important;
|
||||||
|
height: 260px !important;
|
||||||
|
}
|
||||||
|
.supportingOrganizations img, svg {
|
||||||
|
-webkit-filter: grayscale(1);
|
||||||
|
filter: grayscale(1);
|
||||||
|
transition-duration: 0.3s;
|
||||||
|
}
|
||||||
|
.supportingOrganizations a:hover img, svg {
|
||||||
|
-webkit-filter: grayscale(0);
|
||||||
|
filter: grayscale(0);
|
||||||
|
transition-duration: 0.3s;
|
||||||
|
}
|
|
@ -14,22 +14,7 @@ import {properties} from "../../environments/environment";
|
||||||
@Component({
|
@Component({
|
||||||
selector: 'affiliations',
|
selector: 'affiliations',
|
||||||
templateUrl: './affiliations.component.html',
|
templateUrl: './affiliations.component.html',
|
||||||
styles: [`
|
styleUrls: ['./affiliations.component.css']
|
||||||
.affiliationCard {
|
|
||||||
width: 260px !important;
|
|
||||||
height: 260px !important;
|
|
||||||
}
|
|
||||||
.supportingOrganizations img, svg {
|
|
||||||
-webkit-filter: grayscale(1);
|
|
||||||
filter: grayscale(1);
|
|
||||||
transition-duration: 0.3s;
|
|
||||||
}
|
|
||||||
.supportingOrganizations:hover img, svg {
|
|
||||||
-webkit-filter: grayscale(0);
|
|
||||||
filter: grayscale(0);
|
|
||||||
transition-duration: 0.3s;
|
|
||||||
}
|
|
||||||
`]
|
|
||||||
})
|
})
|
||||||
export class AffiliationsComponent {
|
export class AffiliationsComponent {
|
||||||
@Input() getAffiliationsFromAPI: boolean = false;
|
@Input() getAffiliationsFromAPI: boolean = false;
|
||||||
|
|
|
@ -1 +1 @@
|
||||||
Subproject commit b53d453785a05e2a3c5b99742bb54e8eb552833b
|
Subproject commit fc5fcfaedec0376965f368ad8756bcfb13254deb
|
Loading…
Reference in New Issue