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

This commit is contained in:
Léo Serre 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; 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;
} }

View File

@ -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>'