[Dashboard] home - supporting organizations: on hover just color the current logo

This commit is contained in:
Alex-Coded4 2022-07-07 12:18:36 +03:00
parent 53b8c1b0cd
commit 313053bf20
3 changed files with 16 additions and 17 deletions

View File

@ -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;
}

View File

@ -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