Add fix (CSS specificity)

dnbexperience · Nov 25, 2024 · e87bde9 · e87bde9
1 parent 29658c3
commit e87bde9
Show file tree

Hide file tree

Showing 5 changed files with 5 additions and 3 deletions.
diff --git a/packages/dnb-eufemia/src/extensions/forms/Form/Card/__tests__/Card.screenshot.test.ts b/packages/dnb-eufemia/src/extensions/forms/Form/Card/__tests__/Card.screenshot.test.ts
@@ -19,7 +19,7 @@ describe('Form.Card', () => {
     expect(screenshot).toMatchImageSnapshot()
   })
 
-  it('have to match outset when used in wizard', async () => {
+  it('have to match when used in wizard', async () => {
     const screenshot = await makeScreenshot({
       url,
       selector: '[data-visual-test="forms-card-in-wizard"]',

diff --git a/.../__image_snapshots__/formcard-have-to-match-outset-when-used-in-wizard.snap.png b/.../__image_snapshots__/formcard-have-to-match-outset-when-used-in-wizard.snap.png
diff --git a/...tests__/__image_snapshots__/formcard-have-to-match-when-used-in-wizard.snap.png b/...tests__/__image_snapshots__/formcard-have-to-match-when-used-in-wizard.snap.png
diff --git a/packages/dnb-eufemia/src/extensions/forms/Form/Section/style/dnb-form-section.scss b/packages/dnb-eufemia/src/extensions/forms/Form/Section/style/dnb-form-section.scss
@@ -13,7 +13,8 @@
 
     &--variant-basic {
       --border-color: transparent;
-      .dnb-card {
+      .dnb-card,
+      .dnb-card & .dnb-card {
         --card-outline-color: transparent;
       }
     }

diff --git a/...ages/dnb-eufemia/src/extensions/forms/Wizard/style/themes/dnb-wizard-layout-theme-ui.scss b/...ages/dnb-eufemia/src/extensions/forms/Wizard/style/themes/dnb-wizard-layout-theme-ui.scss
@@ -1,7 +1,8 @@
 .dnb-forms-wizard-layout {
   &__contents {
     .dnb-card {
-      // something with this adds outline
+      // Change the default outline color to match the StepIndicator v2.
+      // This is deprecated and can be removed when the StepIndicator v3 (without a sidebar) is released.
       --card-outline-color: var(--color-pistachio);
     }
   }