Skip to content

Use min-width and min-height in Card examples #390

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

Merged
merged 1 commit into from
Mar 9, 2021

Conversation

vine77
Copy link
Contributor

@vine77 vine77 commented Mar 9, 2021

@steveax pointed out a11y issues with fixed Card sizing: WCAG 2.1 Success Criterion 1.4.4: Resize text

@vine77 vine77 requested a review from steveax March 9, 2021 16:47
@vine77 vine77 requested a review from a team as a code owner March 9, 2021 16:47
@vine77
Copy link
Contributor Author

vine77 commented Mar 9, 2021

Happy to change this or add note about a11y guidelines.

@@ -9,8 +9,8 @@ import Heading from '../heading';
import Text from '../text';

const cardExampleStyle = {
width: 150,
height: 150,
minWidth: 150,
Copy link

Choose a reason for hiding this comment

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

Not sure that the width needs changing (at least in the case of the value report in PE the text reflowed fine WRT width), it's mainly the height that's the issue as the contents will overflow pretty quickly when only the text is re-sized.

@vine77 vine77 force-pushed the tasks/card-fixed-size-examples branch from bd46eec to a89ccad Compare March 9, 2021 18:42
Copy link

@steveax steveax left a comment

Choose a reason for hiding this comment

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

hurrah!
👍 Thanks!

@vine77 vine77 merged commit f82f6f8 into development Mar 9, 2021
@vine77 vine77 deleted the tasks/card-fixed-size-examples branch March 9, 2021 19:21
@vine77 vine77 mentioned this pull request Mar 9, 2021
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