update styles, remove orange ring

hathitrust · Aug 6, 2024 · c4bd9af · c4bd9af
1 parent d87a0ba
commit c4bd9af
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 6 deletions.
diff --git a/src/js/components/CollectionsToolbar/index.svelte b/src/js/components/CollectionsToolbar/index.svelte
@@ -347,10 +347,4 @@
 <CollectionEditModal bind:this={modal} {userIsAnonymous} {c} {cn} {desc} {contributorName} {shared} {submitAction} />
 
 <style>
-  .bg-secondary button:not(.dropdown-item):focus-visible, .bg-secondary .form-select:focus-visible {
-    outline-offset:0;
-  }
-  .form-select:focus {
-    border-color: transparent;
-  }
 </style>
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,6 +368,14 @@ 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-select:focus, .form-control:focus {
+  border-color: transparent;
+}
+
+
 .form-check-input, .form-control, .form-select {
   border: 1px solid var(--color-neutral-500);
 }