Fix wonky filter bar button transitions

This commit is contained in:
Lim Chee Aun 2023-10-19 10:13:26 +08:00
parent e4b6637680
commit 7145c20136

View file

@ -2133,14 +2133,19 @@ ul.link-list li a .icon {
text-decoration: none;
white-space: nowrap;
border: 2px solid transparent;
transition: all 0.3s ease-out;
transition: border-color 0.3s ease-out;
display: inline-flex;
align-items: center;
gap: 8px;
}
.filter-bar > a:is(:hover, :focus) {
.filter-bar > a:focus-visible {
border-color: var(--link-light-color);
}
@media (hover: hover) {
.filter-bar > a:hover {
border-color: var(--link-light-color);
}
}
.filter-bar > a > * {
vertical-align: middle;
}