Add hover state to filter UI

This commit is contained in:
syeopite 2021-03-13 10:57:27 -08:00
parent fab9ae64a0
commit 48a3c3a0c1
No known key found for this signature in database
GPG key ID: 6AD1167E363D939E
2 changed files with 7 additions and 4 deletions

View file

@ -495,7 +495,8 @@ video.video-js {
*/
.light-theme a:hover,
.light-theme a:active {
.light-theme a:active,
.light-theme summary:hover {
color: #075A9E !important;
}
@ -521,7 +522,8 @@ video.video-js {
@media (prefers-color-scheme: light) {
.no-theme a:hover,
.no-theme a:active {
.no-theme a:active,
.no-theme summary:hover {
color: #075A9E !important;
}
@ -551,7 +553,8 @@ video.video-js {
*/
.dark-theme a:hover,
.dark-theme a:active {
.dark-theme a:active,
.dark-theme summary:hover {
color: rgb(0, 182, 240);
}

View file

@ -4,7 +4,7 @@
<details id="filters">
<summary>
<a><h3 style="display:inline"> <%= translate(locale, "filter") %> </h3></a>
<h3 style="display:inline"> <%= translate(locale, "filter") %> </h3>
</summary>
<div id="filters" class="pure-g h-box">
<div class="pure-u-1-3 pure-u-md-1-5">