Improve marker hovering, tabbing and accessibility

This commit is contained in:
James Lyne 2020-12-15 22:14:32 +00:00
parent 9fed29d5fa
commit 5750f66851

View File

@ -311,6 +311,8 @@ button {
flex: 0 0 auto; flex: 0 0 auto;
margin-left: 2px; margin-left: 2px;
z-index: 20; z-index: 20;
font-size: 1.5rem;
line-height: 1;
white-space: nowrap; white-space: nowrap;
@ -327,9 +329,18 @@ button {
} }
} }
&:hover, &:focus {
z-index: 1000;
}
&:hover .marker__label { &:hover .marker__label {
display: block; display: block;
} }
&:focus .marker__label {
display: block;
outline: auto;
}
} }
/******************* /*******************