javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-08-16 18:17:31 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(checkbox): match MD spec (#16186)

Browse Source 
* fix(checkbox): prevent transition inheritance

* fix(checkbox): use SVG for checkbox icon

* fix(checkbox): match MD spec size

* refactor(checkbox): use height/width custom props over size

* fix(checkbox): match MD spec off state border color

* feat(checkbox): animate check path for MD
This commit is contained in:
Cam Wiegert
2018-11-01 14:13:06 -05:00
committed by GitHub
parent 9b33e28d4b
commit 240171a928
7 changed files with 37 additions and 52 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
core/src/components/checkbox/checkbox.ios.scss
View File

@ -5,7 +5,8 @@
// --------------------------------------------------
:host {
--size: #{$checkbox-ios-icon-size};
--height: #{$checkbox-ios-icon-size};
--width: #{$checkbox-ios-icon-size};
// Border
--border-radius: #{$checkbox-ios-icon-border-radius};
@ -17,25 +18,6 @@
--background: #{$checkbox-ios-background-color-off};
}
// iOS Checkbox Inner Checkmark: Checked
// -----------------------------------------
.checkbox-inner {
@include position(calc(var(--size) / 6), null, null, calc(var(--size) / 2.5 - 1px));
position: absolute;
width: calc(var(--size) / 6 + 1px);
height: calc(var(--size) / 2);
transform: rotate(45deg);
border-width: $checkbox-ios-checkmark-border-width;
border-top-width: 0;
border-left-width: 0;
border-style: $checkbox-ios-checkmark-border-style;
}
// iOS Checkbox: Disabled
// -----------------------------------------