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

fix(checkbox): update ios checkbox to be closer to native

Browse Source 
this also updates the Sass variables so updating the checkbox width
will resize the inner checkmark
This commit is contained in:
Brandy Carney
2018-03-22 10:59:50 -04:00
parent eae6869012
commit b29fce1b8f
3 changed files with 31 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@ -37,18 +37,18 @@
// -----------------------------------------
.checkbox-ios .checkbox-checked .checkbox-inner {
@include position(4px, null, null, 7px);
@include position($checkbox-ios-checkmark-top, null, null, $checkbox-ios-checkmark-start);
position: absolute;
width: 4px;
height: 9px;
width: $checkbox-ios-checkmark-width;
height: $checkbox-ios-checkmark-height;
border-width: $checkbox-ios-icon-checkmark-width;
border-width: $checkbox-ios-checkmark-border-width;
border-top-width: 0;
border-left-width: 0;
border-style: $checkbox-ios-icon-checkmark-style;
border-color: $checkbox-ios-icon-checkmark-color;
border-style: $checkbox-ios-checkmark-border-style;
border-color: $checkbox-ios-checkmark-border-color;
transform: rotate(45deg);
}