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(ui): Uniform-size checkboxes, vertically-aligned form labels, and fixes for other UI imperfections/inconsistencies #737

Merged
merged 28 commits into from
Feb 2, 2021

Conversation

TheCatLady
Copy link
Collaborator

@TheCatLady TheCatLady commented Jan 24, 2021

Description

Makes checkbox sizes uniform, and vertical-aligns form labels better to their fields.

Adjusts headings to be the same size and font weight.

Also reduces the horizontal space between labels & their fields, and fixes a couple of labels which I noticed didn't have the correct htmlFor attribute.

Screenshot (if UI related)

image

Todos

  • Successful build
  • Formatted General Settings page
  • Formatted Plex page
  • Formatted Services page
  • Formatted Notifications page
  • Formatted Edit User page
  • Formatted About page
  • Create reusable classes in globals.css

@sct
Copy link
Owner

sct commented Jan 25, 2021

How does this look on mobile?

@TheCatLady
Copy link
Collaborator Author

Screenshot_20210124-192143.png

@TheCatLady TheCatLady marked this pull request as ready for review January 25, 2021 02:00
@lgtm-com
Copy link

lgtm-com bot commented Jan 25, 2021

This pull request introduces 5 alerts when merging bc2e3e2 into 82ac76b - view on LGTM.com

new alerts:

  • 5 for Syntax error

@TheCatLady TheCatLady closed this Jan 28, 2021
@TheCatLady TheCatLady deleted the fix-checkbox-sizes branch January 28, 2021 18:59
@TheCatLady TheCatLady restored the fix-checkbox-sizes branch January 28, 2021 19:00
@TheCatLady TheCatLady reopened this Jan 28, 2021
src/styles/globals.css Outdated Show resolved Hide resolved
@TheCatLady TheCatLady changed the title fix(ui): Uniform size checkboxes & vertically-aligned form labels fix(ui): Uniform-size checkboxes, vertically-aligned form labels, and fixes for other UI imperfections/inconsistencies Jan 30, 2021
@sct
Copy link
Owner

sct commented Feb 1, 2021

All the inputs in the Radarr/Sonarr modals no longer fill the modal
image

@sct
Copy link
Owner

sct commented Feb 1, 2021

Actually, all of the labels on forms seem to have shrunk

This PR
image

Develop branch (same res)
image

@sct
Copy link
Owner

sct commented Feb 1, 2021

The request list table is cutting off content that it wouldn't before

this PR
image

Same res develop
image

@sct
Copy link
Owner

sct commented Feb 1, 2021

We are missing a line here

image

Makes checkbox sizes uniform, and vertical-aligns form labels better to their fields.
Adjusts headings to be the same size and font weight.
Also reduces the horizontal space between labels & their fields, and fixes a couple of labels which I noticed didn't have the correct htmlFor attribute.
Copy link
Owner

@sct sct left a comment

Choose a reason for hiding this comment

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

💯

@sct sct merged commit e34fbf7 into sct:develop Feb 2, 2021
@TheCatLady TheCatLady deleted the fix-checkbox-sizes branch February 2, 2021 08:47
@github-actions
Copy link

github-actions bot commented Feb 5, 2021

🎉 This PR is included in version 1.19.0 🎉

The release is available on:

Your semantic-release bot 📦🚀

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

Successfully merging this pull request may close these issues.

None yet

2 participants