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 spacing for date checkbox in queue item #1165

Merged
merged 6 commits into from
Mar 25, 2021

Conversation

emmastephenson
Copy link
Contributor

@emmastephenson emmastephenson commented Mar 24, 2021

Related Issue or Background Info

https://app.zenhub.com/workspaces/simplereport-5ff8be8854ae8b000e378210/issues/cdcgov/prime-simplereport/682

Changes Proposed

  • style changes to bring queue item in line with designs

Additional Comments

  • changing top to margin-top in the checkbox improves the mobile view, but does space the desktop view differently. Screenshots of both are attached, I'm happy to switch from one to the other.

Screenshots / Demos

margin-top:
SimpleReport

top:
SimpleReport (1)

existing view:
SimpleReport (2)

@emmastephenson emmastephenson linked an issue Mar 24, 2021 that may be closed by this pull request
@emmastephenson emmastephenson marked this pull request as ready for review March 24, 2021 20:09
@sonarqubecloud
Copy link

Kudos, SonarCloud Quality Gate passed!

Bug A 0 Bugs
Vulnerability A 0 Vulnerabilities
Security Hotspot A 0 Security Hotspots
Code Smell A 0 Code Smells

No Coverage information No Coverage information
0.0% 0.0% Duplication

@emmastephenson emmastephenson merged commit 6dc7b74 into main Mar 25, 2021
@hmyers-cms
Copy link
Contributor

I'm just seeing this—Overall these changes look great but the checkbox looks like it shifts upwards when it moves to the right after being unchecked. Can keep it in-line w/ the input that appears?

@emmastephenson
Copy link
Contributor Author

Sorry Heather, I didn't see your comment before merging. I tried to keep it in line with the date box input, but it does mess with spacing on mobile - the checkbox gets pushed down further (that's what the second GIF is). I can add a mobile-specific rule to fix that in a separate PR.

@hmyers-cms
Copy link
Contributor

Thanks, we aren't currently optimizing for mobile use so I wouldn't worry about that right now.

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.

P2: Test Date on the test queue cards
3 participants