web: use hover effects only when supported

This commit is contained in:
wukko
2024-06-17 01:12:59 +06:00
parent 95aeec3380
commit 5390415aa7
3 changed files with 20 additions and 15 deletions

View File

@@ -121,19 +121,20 @@
margin-bottom: 0.1rem;
}
#download-button:hover {
background: var(--button-hover-transparent);
}
#download-button:disabled {
cursor: unset;
}
#download-button:disabled:hover {
background: none;
}
:global(#input-container.focused) #download-button {
border-left: 2px var(--secondary) solid;
}
@media (hover: hover) {
#download-button:hover {
background: var(--button-hover-transparent);
}
#download-button:disabled:hover {
background: none;
}
}
</style>