From 7f94a62d4006901289e13b02df855a28e5242ca7 Mon Sep 17 00:00:00 2001 From: Adam Bradley Date: Tue, 1 Apr 2014 22:31:30 -0500 Subject: [PATCH] vertically align checkbox w/ top:50% / negative margin to prevent android issues --- scss/_checkbox.scss | 8 +++----- 1 file changed, 3 insertions(+), 5 deletions(-) diff --git a/scss/_checkbox.scss b/scss/_checkbox.scss index 46d385f2f8..861516da34 100644 --- a/scss/_checkbox.scss +++ b/scss/_checkbox.scss @@ -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; }