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

Allow table cell text to align left #2720

Merged
merged 1 commit into from
Feb 20, 2024
Merged

Conversation

CristinaRO
Copy link
Contributor

For users with certain access needs (for example tunnel vision), the empty space between the table heading (in vertical table mode) and the table cell content causes difficulties, making them lose track of what labels associate with what values.

I found that the text would not become properly left-aligned at all magnification steps until I changed both the text-align property of all table cells, and the justify-content property.

Suggestions welcome, CSS is not my strongest area.

Before

Screenshot 2024-02-15 at 16 56 08

After

Screenshot 2024-02-15 at 16 55 06

This application is owned by the Access & Permissions team.

⚠️ This repo is Continuously Deployed: make sure you follow the guidance ⚠️

Follow these steps if you are doing a Rails upgrade.

For users with certain access needs (for example tunnel vision), the
empty space between the table heading (in vertical table mode) and the
table cell content causes difficulties.

I found that the text would not become properly left-aligned at all
magnification steps until I changed both the `text-align` property of all
table cells, and the `justify-content` property.
@chrislo chrislo merged commit bdc7000 into main Feb 20, 2024
14 of 16 checks passed
@chrislo chrislo deleted the left-align-on-mobile-view branch February 20, 2024 15:01
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.

2 participants