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; text-decoration: none;
white-space: nowrap; white-space: nowrap;
border: 2px solid transparent; border: 2px solid transparent;
transition: all 0.3s ease-out; transition: border-color 0.3s ease-out;
display: inline-flex; display: inline-flex;
align-items: center; align-items: center;
gap: 8px; gap: 8px;
} }
.filter-bar > a:is(:hover, :focus) { .filter-bar > a:focus-visible {
border-color: var(--link-light-color); border-color: var(--link-light-color);
} }
@media (hover: hover) {
.filter-bar > a:hover {
border-color: var(--link-light-color);
}
}
.filter-bar > a > * { .filter-bar > a > * {
vertical-align: middle; vertical-align: middle;
} }