Add hover state to filter UI
This commit is contained in:
parent
fab9ae64a0
commit
48a3c3a0c1
2 changed files with 7 additions and 4 deletions
|
@ -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);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -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">
|
||||||
|
|
Loading…
Reference in a new issue