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

feat(ui): overlap multiple account icons in notification #2869

Open
wants to merge 3 commits into
base: main
Choose a base branch
from

Conversation

shuuji3
Copy link
Member

@shuuji3 shuuji3 commented May 11, 2024

fix #2855

Before

Screenshot from 2024-05-12 00-47-03
Screenshot from 2024-05-12 00-46-58

After

Multiple avatar icons are now overlapped to reduce the area:

Screenshot from 2024-05-11 17-05-35
(dummy accounts are used in screenshots)

And the below icon will get to the front when it is hovered or focused:

Screenshot from 2024-05-11 17-05-24

Also, when there are many more accounts, it will be wrapped to the next row.

Screenshot from 2024-05-12 00-38-52

Copy link

stackblitz bot commented May 11, 2024

Review PR in StackBlitz Codeflow Run & review this pull request in StackBlitz Codeflow.

Copy link

netlify bot commented May 11, 2024

Deploy Preview for elk-zone ready!

Name Link
🔨 Latest commit d5c3437
🔍 Latest deploy log https://app.netlify.com/sites/elk-zone/deploys/663f931a2423d900080a3f9b
😎 Deploy Preview https://deploy-preview-2869--elk-zone.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

netlify bot commented May 11, 2024

Deploy Preview for elk-docs canceled.

Name Link
🔨 Latest commit d5c3437
🔍 Latest deploy log https://app.netlify.com/sites/elk-docs/deploys/663f931a424c0300081b77c0

@userquin
Copy link
Member

nice ❤️

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

Successfully merging this pull request may close these issues.

Account icons are squished when many favorites or reboosts
2 participants