From 36ca3b762296367710a8fa60716fec853a86d747 Mon Sep 17 00:00:00 2001 From: Lance Willett Date: Wed, 6 Mar 2013 23:09:26 +0000 Subject: [PATCH] Twenty Thirteen: better styling for text input elements in small viewports. Props obenland and karmatosed, fixes #23629. git-svn-id: https://develop.svn.wordpress.org/trunk@23628 602fd350-edb4-49c9-b593-d223f7449a82 --- wp-content/themes/twentythirteen/style.css | 8 +++++++- 1 file changed, 7 insertions(+), 1 deletion(-) diff --git a/wp-content/themes/twentythirteen/style.css b/wp-content/themes/twentythirteen/style.css index 09450e575a..8c96b3e36d 100644 --- a/wp-content/themes/twentythirteen/style.css +++ b/wp-content/themes/twentythirteen/style.css @@ -2359,7 +2359,8 @@ footer.entry-meta { } #commentform input[type="text"] { - width: 270px; + max-width: 270px; + width: 60%; } #commentform textarea { @@ -3007,6 +3008,11 @@ footer.entry-meta { width: calc(100% - 104px); } + #commentform input[type="text"] { + width: -webkit-calc(100% - 100px); + width: calc(100% - 100px); + } + #commentform textarea { height: 80px; /* Smaller field for mobile. */ }