From 717148d9868922d899c29403d97943b679749617 Mon Sep 17 00:00:00 2001 From: Adam Bradley Date: Mon, 3 Mar 2014 16:21:57 -0600 Subject: [PATCH] fix(checkbox): Fix checkmark in Android 2.3 --- scss/_checkbox.scss | 14 ++++++++++++-- scss/_variables.scss | 2 +- 2 files changed, 13 insertions(+), 3 deletions(-) diff --git a/scss/_checkbox.scss b/scss/_checkbox.scss index d7a5d938f9..9af6667c42 100644 --- 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 index c10836cd34..1c20713456 100644 --- 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;