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:
parent
e60d227c8f
commit
bffd61746b
|
@ -12,15 +12,15 @@
|
||||||
padding: 0.5em 5px;
|
padding: 0.5em 5px;
|
||||||
&:hover {
|
&:hover {
|
||||||
box-shadow: inset 0px -3px 0px 0px rgba(var(--tertiary-rgb), 0.5);
|
box-shadow: inset 0px -3px 0px 0px rgba(var(--tertiary-rgb), 0.5);
|
||||||
.d-icon {
|
|
||||||
color: var(--primary-high);
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
&.active {
|
&.active {
|
||||||
box-shadow: inset 0px -3px 0px 0px var(--tertiary);
|
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;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in New Issue