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(Alert): Prevent constained text with hideDismiss #3877

Merged
merged 1 commit into from
Sep 16, 2024

Conversation

m7kvqbe1
Copy link
Collaborator

Related issue

#[issueid]

Overview

Prevent text from being constrained when Dismiss button is disabled.

Also refactor responsive styling.

Reason

The Alert styles were super old and weren't using flex box properly.

Work carried out

  • Refactor styles
  • Fix constrained text

Screenshot

2024-09-16 11 56 45

Also refactors responsive styling to utilise flex box properly.
@m7kvqbe1 m7kvqbe1 added Type: Bug Inconsistencies or issues which have caused a problem for users or implementors Package: react-component-library Package/code type labels Sep 16, 2024
@m7kvqbe1 m7kvqbe1 self-assigned this Sep 16, 2024
Copy link

netlify bot commented Sep 16, 2024

Deploy Preview for storybook-navy-digital-mod-uk ready!

Name Link
🔨 Latest commit 2ad5ab8
🔍 Latest deploy log https://app.netlify.com/sites/storybook-navy-digital-mod-uk/deploys/66e80fb4a01c9900087241c7
😎 Deploy Preview https://deploy-preview-3877--storybook-navy-digital-mod-uk.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.

Copy link

Copy link
Collaborator

@markhigham markhigham left a comment

Choose a reason for hiding this comment

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

Are you sure you want the icon above the title at mobile breakpoint?

@m7kvqbe1
Copy link
Collaborator Author

Are you sure you want the icon above the title at mobile breakpoint?

I figured it was better as the horizontal viewport is what's constrained as opposed to vertical.

@m7kvqbe1 m7kvqbe1 merged commit 83eb6af into master Sep 16, 2024
19 of 20 checks passed
@m7kvqbe1 m7kvqbe1 deleted the fix/alert-optional-dismiss-styling branch September 16, 2024 12:00
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Package: react-component-library Package/code type Type: Bug Inconsistencies or issues which have caused a problem for users or implementors
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants