fix(Section): ensure cornerRadius does work together with dropShadow (#…

…3060)
dnbexperience · Dec 12, 2023 · e5207a1 · e5207a1
1 parent b46b1c9
commit e5207a1
Show file tree

Hide file tree

Showing 6 changed files with 5 additions and 0 deletions.
diff --git a/...es/dnb-eufemia/src/components/breadcrumb/__tests__/__snapshots__/Breadcrumb.test.tsx.snap b/...es/dnb-eufemia/src/components/breadcrumb/__tests__/__snapshots__/Breadcrumb.test.tsx.snap
@@ -599,6 +599,7 @@ button.dnb-button::-moz-focus-inner {
   position: absolute;
   inset: 0;
   box-shadow: var(--drop-shadow, none);
+  border-radius: var(--rounded-corner, 0);
 }
 .dnb-section::after {
   content: "";

diff --git a/...b-eufemia/src/components/global-status/__tests__/__snapshots__/GlobalStatus.test.tsx.snap b/...b-eufemia/src/components/global-status/__tests__/__snapshots__/GlobalStatus.test.tsx.snap
@@ -599,6 +599,7 @@ button.dnb-button::-moz-focus-inner {
   position: absolute;
   inset: 0;
   box-shadow: var(--drop-shadow, none);
+  border-radius: var(--rounded-corner, 0);
 }
 .dnb-section::after {
   content: "";

diff --git a/...s__/__image_snapshots__/responsive-have-to-match-section-on-large-size.snap.png b/...s__/__image_snapshots__/responsive-have-to-match-section-on-large-size.snap.png
diff --git a/packages/dnb-eufemia/src/components/section/__tests__/__snapshots__/Section.test.tsx.snap b/packages/dnb-eufemia/src/components/section/__tests__/__snapshots__/Section.test.tsx.snap
@@ -38,6 +38,7 @@ exports[`Section scss has to match style dependencies css 1`] = `
   position: absolute;
   inset: 0;
   box-shadow: var(--drop-shadow, none);
+  border-radius: var(--rounded-corner, 0);
 }
 .dnb-section::after {
   content: "";

diff --git a/packages/dnb-eufemia/src/components/section/style/dnb-section.scss b/packages/dnb-eufemia/src/components/section/style/dnb-section.scss
@@ -34,6 +34,7 @@
     position: absolute;
     inset: 0;
     box-shadow: var(--drop-shadow, none);
+    border-radius: var(--rounded-corner, 0);
   }
 
   &::after {

diff --git a/...dnb-eufemia/src/components/skip-content/__tests__/__snapshots__/SkipContent.test.tsx.snap b/...dnb-eufemia/src/components/skip-content/__tests__/__snapshots__/SkipContent.test.tsx.snap
@@ -599,6 +599,7 @@ button.dnb-button::-moz-focus-inner {
   position: absolute;
   inset: 0;
   box-shadow: var(--drop-shadow, none);
+  border-radius: var(--rounded-corner, 0);
 }
 .dnb-section::after {
   content: "";