Fix issue in header input forms dropdown down suggestion: applies hover selector
This commit is contained in:
@@ -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;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user