UX: update styling for related/suggested (#23242)

This PR changes the icon color to always be the same color for Related/Suggested buttons, even when not selected or active.
This commit is contained in:
Ty Correll 2023-08-24 16:22:44 -05:00 committed by GitHub
parent e60d227c8f
commit bffd61746b
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -12,15 +12,15 @@
padding: 0.5em 5px;
&:hover {
box-shadow: inset 0px -3px 0px 0px rgba(var(--tertiary-rgb), 0.5);
.d-icon {
color: var(--primary-high);
}
}
&.active {
box-shadow: inset 0px -3px 0px 0px var(--tertiary);
.d-icon {
color: var(--primary-high);
}
}
.d-icon,
&:hover .d-icon,
&:active .d-icon {
color: var(--primary-high);
opacity: 1;
}
}
}