Remove left/right bg color borders from Avatar Stack#3727
Conversation
🦋 Changeset detectedLatest commit: abbe5d2 The changes in this PR will be included in the next version bump. This PR includes changesets to release 1 package
Not sure what this means? Click here to learn what changesets are. Click here if you're a maintainer who wants to add another changeset to this PR |
There was a problem hiding this comment.
Pull Request Overview
This PR removes left and right background color borders from Avatar Stack components to fix an "egg-like" appearance that was caused by the border styling approach. The change simplifies the visual separation by relying on React's outline styling instead of CSS borders.
- Removes border-right and border-left properties from avatar elements
- Eliminates border-specific styling rules for last-child and RTL layouts
- Cleans up associated stylelint disable comments for removed border styles
Tip: Customize your code reviews with copilot-instructions.md. Create the file or learn how to get started.
|
Uh oh! @jonrohan, at least one image you shared is missing helpful alt text. Check your pull request body to fix the following violations:
Alt text is an invisible description that helps screen readers describe images to blind or low-vision users. If you are using markdown to display images, add your alt text inside the brackets of the markdown image. Learn more about alt text at Basic writing and formatting syntax: images on GitHub Docs.
|
This change removes the left and right background color borders from the Avatar Stack component.
|
When testing the latest release I found that the avatar stack changes made them look a little egg like
This is because we were putting borders on them to try and separate them visually, but react's change in style to outline them is a better approach.