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

feat(checkbox): Added mixin to customize checkbox touch dimension. #4697

Merged
merged 29 commits into from
May 15, 2019

Conversation

abhiomkar
Copy link
Collaborator

@abhiomkar abhiomkar commented May 9, 2019

This new mixin allows customizing checkbox touch dimension. The default touch dimension is unchanged.

mdc-checkbox-touch-dimension(48px);

image

mdc-checkbox-touch-dimension(40px); // Default - current behaviour.

image

Refs #4694

BREAKING CHANGE: Removed $mdc-checkbox-ui-pct sass variable from MDCCheckbox

Matt Goo and others added 14 commits April 29, 2019 14:20
Remove the top and bottom padding from the components. Remove the top and bottom margins from the button content. Button content should be center aligned. Use a <button> tag for the chip.

BREAKING CHANGE: Update mdc-chip-leading-icon-margin and mdc-chip-trailing-icon-margin mixins signatures to take only left and right margin values.
…dleClick/#handleKeydown. (#4655)

BREAKING CHANGE: Dialog `Foundation#handleInteraction` has been split into two methods: `#handleClick` and `#handleKeydown`.
Remove the top and bottom padding from the components. Remove the top and bottom margins from the button content. Button content should be center aligned. Use a <button> tag for the chip.

BREAKING CHANGE: Update mdc-chip-leading-icon-margin and mdc-chip-trailing-icon-margin mixins signatures to take only left and right margin values.
…dleClick/#handleKeydown. (#4655)

BREAKING CHANGE: Dialog `Foundation#handleInteraction` has been split into two methods: `#handleClick` and `#handleKeydown`.
…on group (#4620)

BREAKING CHANGE: Replaced adapter methods getParentElement, getSelectedElementIndex with getSelectedSiblingOfItemAtIndex, isSelectableItemAtIndex.
@abhiomkar abhiomkar added this to the Sprint May 17th milestone May 9, 2019
@abhiomkar abhiomkar requested a review from moog16 May 9, 2019 17:39
@moog16
Copy link
Contributor

moog16 commented May 9, 2019

This technically also fixes #4597

packages/mdc-checkbox/README.md Outdated Show resolved Hide resolved
packages/mdc-checkbox/_mixins.scss Show resolved Hide resolved
packages/mdc-checkbox/_mixins.scss Outdated Show resolved Hide resolved
Copy link
Contributor

@moog16 moog16 left a comment

Choose a reason for hiding this comment

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

In IE11 I'm getting a SCRIPT5009: 'Symbol' is undefined error. In fixture.js (83, 25)

@mdc-web-bot
Copy link
Collaborator

@abhiomkar
Copy link
Collaborator Author

We do not seems to have polyfill to support for..of syntax in IE11 which cases it to break in IE11. Changed it to use [].slice.call to loop checkbox DOM elements.

Copy link
Contributor

@moog16 moog16 left a comment

Choose a reason for hiding this comment

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

LGTM!

@codecov-io
Copy link

codecov-io commented May 14, 2019

Codecov Report

Merging #4697 into develop will decrease coverage by <.01%.
The diff coverage is 94.44%.

Impacted file tree graph

@@             Coverage Diff             @@
##           develop    #4697      +/-   ##
===========================================
- Coverage    98.95%   98.95%   -0.01%     
===========================================
  Files          129      129              
  Lines         6302     6298       -4     
  Branches       821      821              
===========================================
- Hits          6236     6232       -4     
  Misses          65       65              
  Partials         1        1
Impacted Files Coverage Δ
packages/mdc-dialog/component.ts 100% <100%> (ø) ⬆️
packages/mdc-dialog/foundation.ts 99.33% <91.66%> (-0.03%) ⬇️
packages/mdc-menu/component.ts 100% <0%> (ø) ⬆️
packages/mdc-textfield/foundation.ts 100% <0%> (ø) ⬆️
packages/mdc-menu/foundation.ts 96.47% <0%> (+0.22%) ⬆️

Continue to review full report at Codecov.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update 240246e...a7cf91c. Read the comment docs.

@mdc-web-bot
Copy link
Collaborator

@mdc-web-bot
Copy link
Collaborator

@mdc-web-bot
Copy link
Collaborator

@abhiomkar abhiomkar merged commit 3ddbcd4 into develop May 15, 2019
@abhiomkar abhiomkar deleted the feat/checkbox_ripple_size branch May 15, 2019 21:14
moog16 pushed a commit that referenced this pull request May 28, 2019
…4697)

BREAKING CHANGE: Removed `$mdc-checkbox-ui-pct` sass variable from `MDCCheckbox`
moog16 pushed a commit that referenced this pull request Jun 3, 2019
…4697)

BREAKING CHANGE: Removed `$mdc-checkbox-ui-pct` sass variable from `MDCCheckbox`
abhiomkar added a commit that referenced this pull request Jun 11, 2019
…4697)

BREAKING CHANGE: Removed `$mdc-checkbox-ui-pct` sass variable from `MDCCheckbox`
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.

7 participants