Skip to content

UFO-2022: Notifications Component: top-left alignment for all elements#3200

Draft
toniwowtscherk wants to merge 1 commit intomainfrom
feature/notification-top-left-alignment-contentful
Draft

UFO-2022: Notifications Component: top-left alignment for all elements#3200
toniwowtscherk wants to merge 1 commit intomainfrom
feature/notification-top-left-alignment-contentful

Conversation

@toniwowtscherk
Copy link
Copy Markdown

  • Update NotificationItem to always use flex-start alignment
  • Add alignSelf: 'flex-start' to icon styles for consistent top-left positioning
  • Add TopLeftAlignment and MultipleLineParagraph stories to showcase the alignment behavior
  • Ensure all notification elements (icon, title, content, close button) align to top-left

Purpose of PR

PR Checklist

  • I have read the relevant readme.md file(s)
  • All commits follow our Git commit message convention
  • Tests are added/updated/not required
  • Tests are passing
  • Storybook stories are added/updated/not required
  • Usage notes are added/updated/not required
  • Has been tested based on Contentful's browser support
  • Doesn't contain any sensitive information

- Update NotificationItem to always use flex-start alignment
- Add alignSelf: 'flex-start' to icon styles for consistent top-left positioning
- Add TopLeftAlignment and MultipleLineParagraph stories to showcase the alignment behavior
- Ensure all notification elements (icon, title, content, close button) align to top-left
@changeset-bot
Copy link
Copy Markdown

changeset-bot Bot commented Oct 14, 2025

⚠️ No Changeset found

Latest commit: 96427b8

Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.

This PR includes no changesets

When changesets are added to this PR, you'll see the packages that this PR includes changesets for and the associated semver types

Click here to learn what changesets are, and how to add one.

Click here if you're a maintainer who wants to add a changeset to this PR

@vercel
Copy link
Copy Markdown

vercel Bot commented Oct 14, 2025

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Preview Updated (UTC)
forma-36 Error Error Oct 14, 2025 3:33pm

@github-actions
Copy link
Copy Markdown

size-limit report 📦

Path Size Loading time (3g) Running time (snapdragon) Total time
CommonJS 114.78 KB (-0.05% 🔽) 2.3 s (-0.05% 🔽) 63 ms (+418.6% 🔺) 2.4 s
Module 112.56 KB (+0.03% 🔺) 2.3 s (+0.03% 🔺) 54 ms (+331.23% 🔺) 2.4 s

@github-actions
Copy link
Copy Markdown

Marking pull request as stale since there was no activity for 30 days

@github-actions github-actions Bot added the stale Used to mark when there was no activity for a set period of time label Nov 14, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

stale Used to mark when there was no activity for a set period of time

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant