Automatic size of textboxes, depending on windows height.

sebnilsson · Aug 29, 2012 · c131851 · c131851
1 parent 3a241ec
commit c131851
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 4 deletions.
diff --git a/.gitignore b/.gitignore
@@ -54,4 +54,6 @@ packages/
 
 #SquishIt
 *-min.js
-*-min.css
+*-min.css
+*-min.*.js
+*-min.*.css
diff --git a/src/Squishify.Website/Content/Site.js b/src/Squishify.Website/Content/Site.js
@@ -7,6 +7,12 @@ $(function () {
     $('textarea').corner('5px');
     $('.type-list-item').corner('8px');
 
+    var winHeight = $(window).height() - 450;
+    if (winHeight < 150) {
+        winHeight = 150;
+    }
+    $('textarea').height(winHeight);
+
     $('#source-text').select();
 
     var sendRequest = function (button, url) {

diff --git a/src/Squishify.Website/Views/Shared/_Layout.cshtml b/src/Squishify.Website/Views/Shared/_Layout.cshtml
@@ -10,12 +10,12 @@
 
     @(Html.BundleJavaScript()
         .Add("~/Scripts/Html5Shiv.js")
-        .MvcRender("top-min.js"))
+        .MvcRender("top-min.#.js"))
 
     @(Html.BundleCss()
         .Add("~/Content/Reset.css")
         .Add("~/Content/Site.css")
-        .MvcRender("main-min.css"))
+        .MvcRender("main-min.#.css"))
 </head>
 <body>
     <div id="wrapper">
@@ -66,7 +66,7 @@
         .Add("~/Scripts/jquery.corner.js")
         .Add("~/Scripts/json2.js")
         .Add("~/Content/site.js")
-        .MvcRender("bottom-min.js"))
+        .MvcRender("bottom-min.#.js"))
 
     <script type="text/javascript">
         var _gaq = _gaq || [];