Skip to content

fix checkbox: add fixed width to checkbox #1103

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

Closed
wants to merge 1 commit into from
Closed

fix checkbox: add fixed width to checkbox #1103

wants to merge 1 commit into from

Conversation

dimfried
Copy link

add fixed width to the checkbox so they do not squish if the parent
wrapper has a fixed width and the label text is too long.

closes #1097

add fixed width to the checkbox so they do not squish if the parent
wrapper has a fixed width and the label text is too long.

closes #1097
@googlebot googlebot added the cla: yes PR author has agreed to Google's Contributor License Agreement label Aug 23, 2016
@@ -240,6 +240,7 @@ md-checkbox {
vertical-align: middle;
white-space: nowrap;
width: $md-checkbox-size;
flex: 0 0 $md-checkbox-size;
Copy link
Member

Choose a reason for hiding this comment

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

Why not just applying flex-shrink: 0?
Setting another flex basis should be unnecessary.

Copy link
Author

Choose a reason for hiding this comment

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

@devversion yeah, would also work this way. I can change it very quick if you want. Sorry for that!

Copy link
Member

Choose a reason for hiding this comment

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

Agreed- flex-shrink: 0 would be better.

Copy link
Contributor

Choose a reason for hiding this comment

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

+1 for flex-shrink: 0

@jelbourn
Copy link
Member

jelbourn commented Nov 4, 2016

Closed in favor of #1713

@jelbourn jelbourn closed this Nov 4, 2016
@angular-automatic-lock-bot
Copy link

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

This action has been performed automatically by a bot.

@angular-automatic-lock-bot angular-automatic-lock-bot bot locked and limited conversation to collaborators Sep 6, 2019
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
cla: yes PR author has agreed to Google's Contributor License Agreement
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Squished checkbox (md-checkbox)
5 participants