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

SupportIndicator mobile layout #52

Open
tobiastykvart opened this issue Jul 29, 2022 · 1 comment
Open

SupportIndicator mobile layout #52

tobiastykvart opened this issue Jul 29, 2022 · 1 comment
Labels
Priority: High Type: Bug Something isn't working

Comments

@tobiastykvart
Copy link
Collaborator

Bug Report

Current behavior

  • On smaller screens the labels get stacked on top of each other.
  • "Disputing" and "Supporting" labels aren't aligned to the component edges

To Reproduce
Steps to reproduce the behavior:

  1. Run Storybook
  2. Click on viewport settings button
  3. Choose e.g. "small mobile"
  4. See that the labels get arranged in bad way

Expected behavior

  • The label text size should shrink accordingly depending on the screen size. If too small they could also be hidden.
  • "Disputing" label should be left-aligned, "Supporting" label should be right-aligned.

Screenshot 2022-07-29 at 14 23 22

Screenshot 2022-07-29 at 14 23 14

@tobiastykvart
Copy link
Collaborator Author

Instead of displaying all three labels on mobile you could just display the appropriate one to save space.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Priority: High Type: Bug Something isn't working
Projects
None yet
Development

No branches or pull requests

2 participants