From 5750f668514a382207057af303ba0971ab4a8a37 Mon Sep 17 00:00:00 2001 From: James Lyne Date: Tue, 15 Dec 2020 22:14:32 +0000 Subject: [PATCH] Improve marker hovering, tabbing and accessibility --- src/scss/style.scss | 11 +++++++++++ 1 file changed, 11 insertions(+) diff --git a/src/scss/style.scss b/src/scss/style.scss index 9b6671c..5476895 100644 --- a/src/scss/style.scss +++ b/src/scss/style.scss @@ -311,6 +311,8 @@ button { flex: 0 0 auto; margin-left: 2px; z-index: 20; + font-size: 1.5rem; + line-height: 1; white-space: nowrap; @@ -327,9 +329,18 @@ button { } } + &:hover, &:focus { + z-index: 1000; + } + &:hover .marker__label { display: block; } + + &:focus .marker__label { + display: block; + outline: auto; + } } /*******************