diff --git a/apps/dev-workbench/workbench.css b/apps/dev-workbench/workbench.css index ef82ffc0f..035256828 100644 --- a/apps/dev-workbench/workbench.css +++ b/apps/dev-workbench/workbench.css @@ -67,3 +67,21 @@ margin-left: 0 !important; } } +.navbar .nav-item .dropdown .options-button { + background-color: #000; + color: #fff; + border: none; +} + +.focus-visible:focus-visible { + outline: 3px solid #000; + outline-offset: 2px; + box-shadow: 0 0 0 5px rgb(23, 162, 184); +} + +/* For browsers that don't support :focus-visible */ +.focus-visible:focus { + outline: 3px solid #000; + outline-offset: 2px; + box-shadow: 0 0 0 5px rgb(23, 162, 184); +} diff --git a/apps/dev-workbench/workbench.html b/apps/dev-workbench/workbench.html index de1973555..e59bcb6d5 100644 --- a/apps/dev-workbench/workbench.html +++ b/apps/dev-workbench/workbench.html @@ -67,7 +67,7 @@ class="navbar navbar-expand-lg navbar-dark flex-row px-2" style="background: rgb(33, 37, 41);" > -
+
@@ -88,11 +88,12 @@ class="nav-item dropdown" > @@ -165,7 +170,7 @@ margin-bottom: -1em; " type="button" - class="btn btn-primary" + class="btn btn-primary focus-visible" aria-label="Select or create your dataset" >