Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

fix(Forms.Card): remove outline when variant="basic" on Section containers when used in Wizard #4336

Merged
merged 2 commits into from
Nov 25, 2024

Conversation

langz
Copy link
Contributor

@langz langz commented Nov 25, 2024

Fixes #4308

Copy link

vercel bot commented Nov 25, 2024

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Comments Updated (UTC)
eufemia ✅ Ready (Inspect) Visit Preview 💬 Add feedback Nov 25, 2024 0:41am

Copy link

codesandbox-ci bot commented Nov 25, 2024

This pull request is automatically built and testable in CodeSandbox.

To see build info of the built libraries, click here or the icon next to each commit SHA.

@@ -1,6 +1,7 @@
.dnb-forms-wizard-layout {
&__contents {
.dnb-card {
// something with this adds outline
Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Or at least, when removing this, there's no visible outline.
But that of course is not the correct fix, as then many other screenshot tests fails.

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Any idea how we should try to fix this @tujoworker ?

Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I'll look into it now.

Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Added a CSS specificity fix ✅

@langz langz requested a review from tujoworker November 25, 2024 10:32
@tujoworker tujoworker changed the title fix(Forms.Card): removes outline when used in Edit and ViewContainer in Wizard fix(Forms.Card): remove outline when variant="basic" on Seciton containers is used in Wizard Nov 25, 2024
@tujoworker tujoworker force-pushed the fix/nested-card--outline-in-wizard branch from e87bde9 to 883a5a2 Compare November 25, 2024 12:27
@@ -1,6 +1,8 @@
.dnb-forms-wizard-layout {
&__contents {
.dnb-card {
// 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.
Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

👍

@langz langz requested a review from andlbrei November 25, 2024 12:35
@langz
Copy link
Contributor Author

langz commented Nov 25, 2024

@andlbrei, could you please assist me in verifying if this fix solves the issue #4308 you reported?

Here's a CSB reprod (forked from your CSB) using the commit 883a5a2 from this branch/PR

@langz langz changed the title fix(Forms.Card): remove outline when variant="basic" on Seciton containers is used in Wizard fix(Forms.Card): remove outline when variant="basic" on Section containers is used in Wizard Nov 25, 2024
@langz langz changed the title fix(Forms.Card): remove outline when variant="basic" on Section containers is used in Wizard fix(Forms.Card): remove outline when variant="basic" on Section containers when used in Wizard Nov 25, 2024
@andlbrei
Copy link
Contributor

@langz Looks like the issue is fixed, indeed 👍

@langz
Copy link
Contributor Author

langz commented Nov 25, 2024

@langz Looks like the issue is fixed, indeed 👍

Thanks for taking the time to test🙇‍♂️

@langz langz merged commit ebad212 into main Nov 25, 2024
10 checks passed
@langz langz deleted the fix/nested-card--outline-in-wizard branch November 25, 2024 21:08
tujoworker pushed a commit that referenced this pull request Nov 29, 2024
## [10.58.0](v10.57.1...v10.58.0) (2024-11-29)

### ✨ Features

* **Forms:** add `showConfirmDialog` to Iterate.RemoveButton ([#4330](#4330)) ([76bddf0](76bddf0))
* **Forms:** add `variant="filled"` and `toolbarVariant="custom"` to Iterate.EditContainer and Iterate.ViewContainer ([#4329](#4329)) ([b2b9eef](b2b9eef))
* **Forms:** add support for using a function references instead of a string based id ([#4331](#4331)) ([a6e3bc3](a6e3bc3))
* **Forms:** enhance typing and add docs on how to deal with TypeScript types ([#4343](#4343)) ([10b199b](10b199b))
* **Forms:** introduce `decoupleForm` prop to Form.Handler ([#4332](#4332)) ([0b02b6e](0b02b6e))

### 🐛 Bug Fixes

* **DatePicker:** make sure the picker and input only reacts to the props that have changed ([#4342](#4342)) ([4cd52a3](4cd52a3))
* **Forms.Card:** remove outline when variant="basic" on Section containers when used in Wizard ([#4336](#4336)) ([ebad212](ebad212))
* **forms:** add `sessionStorageId` support to Field.Upload with empty file list rendering ([#4339](#4339)) ([d02a0af](d02a0af))
* **NumberFormat:** improve regex for parsing phone numbers with country codes ([#4340](#4340)) ([96613ed](96613ed)), closes [#4337](#4337)
@tujoworker
Copy link
Member

🎉 This PR is included in version 10.58.0 🎉

The release is available on:

Your semantic-release bot 📦🚀

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Development

Successfully merging this pull request may close these issues.

Container card outline broken in Wizard
3 participants