fix(dropdown): add outline on hover of menu item

vmware-clarity · Nov 11, 2024 · ba6f59e · ba6f59e
1 parent aeec806
commit ba6f59e
Showing 1 changed file with 6 additions and 0 deletions.
diff --git a/projects/angular/src/popover/dropdown/_dropdown.clarity.scss b/projects/angular/src/popover/dropdown/_dropdown.clarity.scss
@@ -140,6 +140,12 @@
 
       @extend %dropdown-content;
 
+      &:hover {
+        outline-offset: calc(-3 * tokens.$cds-global-space-1);
+        outline: tokens.$cds-global-space-2 solid tokens.$cds-global-color-black;
+        border-radius: calc(tokens.$cds-global-space-3 + tokens.$cds-global-space-1);
+      }
+
       &.expandable {
         padding-right: tokens.$cds-global-space-5;