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

fix(checkbox): Fix checkmark in Android 2.3

Browse Source
This commit is contained in:
Adam Bradley
2014-03-03 16:21:57 -06:00
parent 72f2e8407e
commit 717148d986
2 changed files with 13 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
scss/_checkbox.scss
View File

@@ -41,7 +41,7 @@
top: 30%;
left: 26%;
display: table;
width: $checkbox-width / 2;
width: ($checkbox-width / 2) + 1;
height: ($checkbox-width / 3) + 1;
border: $checkbox-check-width solid $checkbox-check-color;
border-top: 0;
@@ -50,9 +50,19 @@
opacity: 0;
}
.grade-c .checkbox input:after {
@include rotate(0);
top: 3px;
left: 4px;
border: none;
color: $checkbox-check-color;
font-weight: bold;
font-size: 20px;
content: '\2713';
}
/* what the background looks like when its checked */
.checkbox input:checked:before {
border: 0;
background: $checkbox-on-bg-color;
}

2
scss/_variables.scss
View File

@@ -441,7 +441,7 @@ $toggle-hit-area-expansion: 5px;
$checkbox-width: 28px !default;
$checkbox-height: 28px !default;
$checkbox-border-radius: 50% !default;
$checkbox-border-radius: $checkbox-width !default;
$checkbox-border-width: 1px !default;
$checkbox-off-bg-color: #fff !default;