Auto-expand page post input when focused, using css.

appleseedproj · Oct 19, 2010 · 7da986b · 7da986b
1 parent 7baaab3
commit 7da986b
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 2 deletions.
diff --git a/components/page/views/page.php b/components/page/views/page.php
@@ -3,7 +3,7 @@
 	<form method="post" class="post">
 		<input type="hidden" name="Task" value="Share">
 		<input type="hidden" name="Context" value="">
-		<textarea placeholder="What Is On Your Mind" class="comments" name="Comment"></textarea>
+		<textarea placeholder="What Is On Your Mind" class="comment" name="Comment"></textarea>
 		<button class="submit">Submit Post</button>
 		<section class="privacy">
 		</section>

diff --git a/themes/default/style/theme.css b/themes/default/style/theme.css
@@ -333,7 +333,8 @@
 
 		/* profile-page */
 		#profile-page .post { float:left; width:98%; padding:1%; margin-bottom:20px; border:1px solid #c0d895; }
-		#profile-page .post .comments { width:590px; height:20px; padding:5px; }
+		#profile-page .post .comment { width:590px; height:14px; padding:5px; }
+		#profile-page .post .comment:focus { width:590px; height:28px; padding:5px; }
 		#profile-page .post .submit { float:right; }
 
 		#profile-page .list .item { float:left; clear:both; font-size:110%; list-style-type:none; border-bottom:1px solid #c0d895; padding-bottom:5px; margin-bottom:5px; }