javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2026-03-13 10:22:08 +08:00
Code Issues Packages Projects Releases Wiki Activity

vertically align checkbox w/ top:50% / negative margin to prevent android issues

Browse Source
This commit is contained in:
Adam Bradley
2014-04-01 22:31:30 -05:00
parent acdcfe533d
commit 7f94a62d40
1 changed files with 3 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
scss/_checkbox.scss
View File

@@ -86,9 +86,9 @@
left: 4px;
border: none;
color: $checkbox-check-color;
content: '\2713';
font-weight: bold;
font-size: 20px;
content: '\2713';
}
/* what the checkmark looks like when its checked */
@@ -107,11 +107,9 @@
/* position the checkbox to the left within an item */
.item-checkbox .checkbox {
@include display-flex();
@include align-items(center);
position: absolute;
top: 0;
top: 50%;
left: $item-padding / 2;
z-index: $z-index-item-checkbox;
height: 100%;
margin-top: (($checkbox-height + ($checkbox-height / 2)) / 2) * -1;
}