Fix issue in header input forms dropdown down suggestion: applies hover selector
This commit is contained in:
parent
b776e4f41c
commit
403947a6e4
|
@ -118,11 +118,8 @@ header li a {
|
||||||
display: block;
|
display: block;
|
||||||
vertical-align: middle;
|
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;
|
border-bottom: 6px solid blue;
|
||||||
background: #212121;
|
background: #212121;
|
||||||
}
|
}
|
||||||
|
@ -143,11 +140,11 @@ header .icon.avatar {
|
||||||
height: 28px;
|
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;
|
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;
|
display: block;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -176,7 +173,7 @@ header li.has-sub ul li a {
|
||||||
border-bottom: none;
|
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-left: 6px solid blue;
|
||||||
border-bottom: none;
|
border-bottom: none;
|
||||||
}
|
}
|
||||||
|
@ -207,7 +204,7 @@ header input[type=submit] {
|
||||||
border-bottom: 1px solid #777;
|
border-bottom: 1px solid #777;
|
||||||
}
|
}
|
||||||
|
|
||||||
header input:hover {
|
header input:hover, header input:focus-within {
|
||||||
background: #DDD;
|
background: #DDD;
|
||||||
color: #222;
|
color: #222;
|
||||||
}
|
}
|
||||||
|
|
|
@ -81,7 +81,7 @@
|
||||||
html_form+='<label class="threecb intermediate" for="'+index+'" onclick="update3State(\''+index+'\')">'+value+'</label><input value="1" type="hidden" name="'+index+'" id="'+index+'"><br>'
|
html_form+='<label class="threecb intermediate" for="'+index+'" onclick="update3State(\''+index+'\')">'+value+'</label><input value="1" type="hidden" name="'+index+'" id="'+index+'"><br>'
|
||||||
break;
|
break;
|
||||||
case 'n':
|
case 'n':
|
||||||
html_form+='<div class="flex_line"><label for="'+index+'">'+value+'</label><input min="0" max="100" type="number" name="'+index+'" id="'+index+'"></div>'
|
html_form+='<div class="flex_line"><label for="'+index+'">'+value+'</label><input min="0" type="number" name="'+index+'" id="'+index+'"></div>'
|
||||||
break;
|
break;
|
||||||
case 't':
|
case 't':
|
||||||
html_form+='<textarea name="'+index+'" id="'+index+'" placeholder="'+value+'"></textarea>'
|
html_form+='<textarea name="'+index+'" id="'+index+'" placeholder="'+value+'"></textarea>'
|
||||||
|
|
Loading…
Reference in New Issue