fix for link button backgrounds failing to update

This commit is contained in:
ari melody 2023-10-15 03:05:50 +01:00
parent 3650f026a2
commit 6c10aab7b3
Signed by: ari
GPG key ID: CF99829C92678188
2 changed files with 6 additions and 5 deletions

View file

@ -80,8 +80,8 @@ header ul li span {
background-color: transparent; background-color: transparent;
transition-property: color, border-color, background-color; transition-property: color, border-color, background-color;
transition-duration: .2s; transition-duration: .2s;
animation: list-item-fadein .2s forwards;
animation-delay: 0s; animation-delay: 0s;
animation: list-item-fadein .2s forwards;
opacity: 0; opacity: 0;
} }
@ -95,7 +95,7 @@ header ul li span {
header ul li a:hover { header ul li a:hover {
color: #eee; color: #eee;
border-color: #eee; border-color: #eee;
background-color: var(--links); background-color: var(--links) !important;
text-decoration: none; text-decoration: none;
} }
@ -230,15 +230,15 @@ ul.links li a {
background-color: transparent; background-color: transparent;
transition-property: color, border-color, background-color; transition-property: color, border-color, background-color;
transition-duration: .2s; transition-duration: .2s;
animation: list-item-fadein .2s forwards;
animation-delay: 0s; animation-delay: 0s;
animation: list-item-fadein .2s forwards;
opacity: 0; opacity: 0;
} }
ul.links li a:hover { ul.links li a:hover {
color: #eee; color: #eee;
border-color: #eee; border-color: #eee;
background-color: var(--links); background-color: var(--links) !important;
text-decoration: none; text-decoration: none;
box-shadow: 0 0 1em var(--links); box-shadow: 0 0 1em var(--links);
} }
@ -251,6 +251,7 @@ ul.links li a:hover {
to { to {
opacity: 1; opacity: 1;
background: transparent;
} }
} }

View file

@ -94,7 +94,7 @@ h3.music-type-upcoming {
.music-links li a:hover { .music-links li a:hover {
color: #eee; color: #eee;
border-color: #eee; border-color: #eee;
background-color: #65b4fd; background-color: var(--links) !important;
text-decoration: none; text-decoration: none;
} }