add focus-styling to select list

folio-org · Oct 25, 2024 · 30c7438 · 30c7438
1 parent 6a42b2b
commit 30c7438
Showing 1 changed file with 9 additions and 1 deletion.
diff --git a/lib/Selection/Selection.css b/lib/Selection/Selection.css
@@ -19,10 +19,18 @@
 
 .selectionList {
   list-style: none;
-  padding: 4px;
+  padding: 2px 4px;
+  border-top: 2px solid transparent;
+  border-bottom: 2px solid transparent;
   margin-bottom: 0;
   overflow: auto;
   position: relative;
+  outline: 0;
+
+  &:focus {
+    border-top-color: var(--primary);
+    border-bottom-color: var(--primary);
+  }
 }
 
 .selectListSection {