From f52d167da3cb933959007959e3e7418fdc1ee56d Mon Sep 17 00:00:00 2001 From: Michael Shamoon <4887959+shamoon@users.noreply.github.com> Date: Wed, 9 Mar 2022 11:10:26 -0800 Subject: [PATCH] fix some missed focus styles --- src-ui/src/theme.scss | 7 ++++++- 1 file changed, 6 insertions(+), 1 deletion(-) diff --git a/src-ui/src/theme.scss b/src-ui/src/theme.scss index 101f9decc..72040808e 100644 --- a/src-ui/src/theme.scss +++ b/src-ui/src/theme.scss @@ -79,10 +79,15 @@ svg.logo { .btn-check:focus + .btn, .form-control:focus, .form-check-input:focus, -.form-check-radio:focus { +.form-check-radio:focus, +.form-select:focus { box-shadow: 0 0 0 0.25rem hsla(var(--ngx-green), var(--l), var(--ngx-focus-alpha)); } +.form-switch .form-check-input:focus { + background-image: escape-svg(url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'><circle r='3' fill='#bbb'/></svg>")); +} + .nav-link:focus-visible, .nav-item a:focus-visible { outline: none; background-color: var(--ngx-bg-darker);