fix(Accordion): add missing bottom border on hover (#3723)

dnbexperience · Jun 21, 2024 · 41fb027 · 41fb027
1 parent f19de48
commit 41fb027
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 0 deletions.
diff --git a/...ages/dnb-eufemia/src/components/accordion/__tests__/__snapshots__/Accordion.test.tsx.snap b/...ages/dnb-eufemia/src/components/accordion/__tests__/__snapshots__/Accordion.test.tsx.snap
@@ -355,6 +355,7 @@ html:not([data-whatintent=touch]) .dnb-accordion__header--outlined:hover:not([di
   --ui-accordion-after-click-background: var(--color-sea-green);
   --ui-accordion-after-click-border-color: var(--color-sea-green);
   --ui-accordion-after-click-description-color: var(--color-white);
+  z-index: 1;
 }
 .dnb-accordion__header--outlined:active[disabled], html:not([data-whatintent=touch]) .dnb-accordion__header--outlined:active[disabled] {
   cursor: not-allowed;

diff --git a/packages/dnb-eufemia/src/components/accordion/style/themes/dnb-accordion-theme-ui.scss b/packages/dnb-eufemia/src/components/accordion/style/themes/dnb-accordion-theme-ui.scss
@@ -85,6 +85,7 @@
         --ui-accordion-background: var(--color-white);
         --ui-accordion-border-color: var(--color-emerald-green);
         --ui-accordion-description-color: var(--color-black-55);
+        // Removes the optional 'inset' property on the box-shadow border, on hover.
         --ui-accordion-border-inset: ;
 
         // state = expanded
@@ -102,6 +103,8 @@
         --ui-accordion-after-click-background: var(--color-sea-green);
         --ui-accordion-after-click-border-color: var(--color-sea-green);
         --ui-accordion-after-click-description-color: var(--color-white);
+
+        z-index: 1;
       }
 
       @include active() {