From 096a01c117e4ba0eafc17af3f0992c5ff10008bd Mon Sep 17 00:00:00 2001 From: Adam Bradley Date: Wed, 2 Apr 2014 15:39:34 -0500 Subject: [PATCH] fix(labels): Fix .input-label's width for androids w/out full flex box support, #998 --- scss/_form.scss | 2 ++ test/html/input-text.html | 12 ++++++------ 2 files changed, 8 insertions(+), 6 deletions(-) diff --git a/scss/_form.scss b/scss/_form.scss index 67dd6c57120..c0fccda17f4 100644 --- a/scss/_form.scss +++ b/scss/_form.scss @@ -111,8 +111,10 @@ textarea { .input-label { @include flex(1, 0, 100px); + display: table; padding: 7px 10px 7px 3px; max-width: 200px; + width: 35%; color: $input-label-color; font-weight: bold; font-size: $font-size-base; diff --git a/test/html/input-text.html b/test/html/input-text.html index bfb1d42b0a0..8c26e7d2cd4 100644 --- a/test/html/input-text.html +++ b/test/html/input-text.html @@ -6,16 +6,16 @@ - +

Text Inputs

- +

Default Text Input, Not Inset, No Content Padding

@@ -239,7 +239,7 @@

Default Text Input, list-inset, No Parent Content Padding

Stacked Label On Top Of Text Input, No Parent Content Padding

@@ -250,7 +250,7 @@

Stacked Label On Top Of Text Input, No Parent Content Padding

Stacked Label On Top Of Text Input, With Parent Content Padding

@@ -259,7 +259,7 @@

Stacked Label On Top Of Text Input, With Parent Content Padding

Stacked Label On Top Of Text Input, list-inset, With Parent Content Padding