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

[Bug]: Issue with Warning Panel #3445

Open
Olatunde-Alalade-ONS opened this issue Dec 2, 2024 · 0 comments
Open

[Bug]: Issue with Warning Panel #3445

Olatunde-Alalade-ONS opened this issue Dec 2, 2024 · 0 comments
Labels
Bug Something isn't working Community backlog An issue raised on the community backlog High priority

Comments

@Olatunde-Alalade-ONS
Copy link

Describe the bug

When creating a warning panel, I added an optional title field

I expected to see a warning panel however When I rendered the page, the title appeared to be missing
. However closer inspection revealed that the title was being rendered as white text on a white background.

Additionally, the first character of the title was being obscured by the warning icon itself. (See attachments)
. I am informed that the following line is the culprit for the text not being visible:

https://github.com/ONSdigital/design-system/blob/main/src/components/panel/_panel.scss#L48

In the default warning panel style that is white text on a dark blue background - but in the warning panel the dark blue background is removed, but the text is still white.

Expected behaviour / outcome


DS_Issue02b
DS_Issue02a

I expected to see a warning panel however When I rendered the page, the title appeared to be missing
. However closer inspection revealed that the title was being rendered as white text on a white background.

List the steps necessary to reproduce the bug

Creating a warning panel and rendering it. The text disappears.

Additional context

No response

What version of the ONS Design System are you using?

72+

What device(s) are you using?

Desktop, Mobile

What operating system(s) are you using?

Windows

What browser(s) are you using?

Microsoft Edge

@Olatunde-Alalade-ONS Olatunde-Alalade-ONS added Bug Something isn't working Community backlog An issue raised on the community backlog High priority labels Dec 2, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Bug Something isn't working Community backlog An issue raised on the community backlog High priority
Projects
None yet
Development

No branches or pull requests

1 participant