Fix issue in header input forms dropdown down suggestion: applies hover selector

This commit is contained in:
leosw
2021-06-02 21:10:12 +02:00
parent b776e4f41c
commit 403947a6e4
2 changed files with 6 additions and 9 deletions

View File

@@ -118,11 +118,8 @@ header li a {
display: block;
vertical-align: middle;
}
header li a:hover {
color: white;
}
header li:hover a {
header li:hover a, header li:focus-within a {
border-bottom: 6px solid blue;
background: #212121;
}
@@ -143,11 +140,11 @@ header .icon.avatar {
height: 28px;
}
header li.has-sub:hover a {
header li.has-sub:hover a, header li.has-sub:focus-within a {
border-bottom: 6px solid #212121;
}
header li.has-sub:hover > ul {
header li.has-sub:hover > ul, header li.has-sub:focus-within > ul {
display: block;
}
@@ -176,7 +173,7 @@ header li.has-sub ul li a {
border-bottom: none;
}
header li.has-sub ul li:hover {
header li.has-sub ul li:hover, header li.has-sub ul li:focus-within {
border-left: 6px solid blue;
border-bottom: none;
}
@@ -207,7 +204,7 @@ header input[type=submit] {
border-bottom: 1px solid #777;
}
header input:hover {
header input:hover, header input:focus-within {
background: #DDD;
color: #222;
}