fix(checkbox): Fix checkmark in Android 2.3

ionic-team · Mar 3, 2014 · 717148d · 717148d
1 parent 72f2e84
commit 717148d
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 3 deletions.
diff --git a/scss/_checkbox.scss b/scss/_checkbox.scss
@@ -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;
 }
 

diff --git a/scss/_variables.scss b/scss/_variables.scss
@@ -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;