upload_form: Resize textarea using responsive css rather than js

This no longer resizes the textarea after the user change the size
themself.

Signed-off-by: Florian Pritz <bluewind@xinu.at>

2 files changed, 16 insertions, 15 deletions

diff --git a/data/css/style.css b/data/css/style.css
index f1066fc7a..625ab7a06 100644
--- a/data/css/style.css
+++ b/data/css/style.css
@@ -28,6 +28,22 @@ body {
 
 }
 
+.text-upload {
+	height: 200px;
+}
+
+@media (min-height: 700px) {
+	.text-upload {
+		height: 300px;
+	}
+}
+
+@media (min-height: 800px) {
+	.text-upload {
+		height: 400px;
+	}
+}
+
 .error h1 {
 	font-size: 19px;
 }
diff --git a/data/js/script.js b/data/js/script.js
index 7d84eb9a1..ce20e922d 100644
--- a/data/js/script.js
+++ b/data/js/script.js
@@ -89,21 +89,6 @@ function fixedEncodeURIComponent (str) {
 
 			$('.file-upload').bind('change', checkFileUpload);
 		}
-		$('.text-upload').css('height', '100px');
-		$('.text-upload').bind('blur', function() {
-			$('.text-upload').animate({height: "100px"}, 300);
-		});
-		$('.text-upload').bind('focus', function() {
-			$('.text-upload').animate({height: "300px"}, 300);
-		});
-
-		// work around to submit the form if the click causes the
-		// textarea to shrink and you can't relase the mouse fast enough
-		// so mouseup will be outside the button area and not trigger
-		// submission properly
-		$('.text-upload-form :submit').bind('mousedown', function() {
-			$(this).click();
-		});
 	});
 
 })(jQuery);