From ba6f59ec114602d16c27e370c5b914f5328b34f4 Mon Sep 17 00:00:00 2001
From: mivaylo <mivaylo@vmware.com>
Date: Mon, 11 Nov 2024 16:29:06 +0200
Subject: [PATCH] fix(dropdown): add outline on hover of menu item

---
 .../angular/src/popover/dropdown/_dropdown.clarity.scss     | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/projects/angular/src/popover/dropdown/_dropdown.clarity.scss b/projects/angular/src/popover/dropdown/_dropdown.clarity.scss
index 9b3664fd35..a497ce871b 100644
--- 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;