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

View File

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