Merge pull request #100 from hathitrust/collections-toolbar-focus

fix form field focus styles
hathitrust · Aug 9, 2024 · 422f1fa · 422f1fa
2 parents 6639042 + 96480a6
commit 422f1fa
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 0 deletions.
diff --git a/src/scss/apps.scss b/src/scss/apps.scss
@@ -312,6 +312,9 @@ body {
       border-bottom-right-radius: 0.375rem;
     }
   }
+  #toolbar-seq.form-control:focus {
+    border-color: #fff;
+  }
 }
 
 span.query-term {

diff --git a/src/scss/styles.scss b/src/scss/styles.scss
@@ -368,8 +368,15 @@ a:focus-visible {
   border-radius: 6px;
 }
 
+.bg-secondary button:not(.dropdown-item):focus-visible, .bg-secondary .form-select:focus-visible, .bg-dark .form-control:focus-visible {
+  outline-offset:0;
+}
+
+
 .form-check-input, .form-control, .form-select {
+  &:focus {
   border: 1px solid var(--color-neutral-500);
+  }
 }
 input.form-control[type],
 textarea.form-control {