more responsive file listing, scales for smaller screen sizes

1 files changed, 14 insertions, 3 deletions

diff --git a/module/web/static/js/utils/animations.js b/module/web/static/js/utils/animations.js
index ea06669b3..3350dd6ae 100644
--- a/module/web/static/js/utils/animations.js
+++ b/module/web/static/js/utils/animations.js
@@ -65,14 +65,25 @@ define(['jquery', 'underscore', 'transit'], function(jQuery, _) {
     };
 
     // TODO: carry arguments, optional height argument
-    jQuery.fn.slideOut = function() {
+
+    // reset arguments, sets overflow hidden
+    jQuery.fn.slideOut = function(reset) {
         var o = jQuery(this[0]);
-        o.animate({height: o.data('height'), opacity: 'show'});
+        o.animate({height: o.data('height'), opacity: 'show'}, function() {
+            // reset css attributes;
+            if (reset) {
+                this.css('overflow', '');
+                this.css('height', '');
+            }
+        });
         return this;
     };
 
-    jQuery.fn.slideIn = function() {
+    jQuery.fn.slideIn = function(reset) {
         var o = jQuery(this[0]);
+        if (reset) {
+            o.css('overflow', 'hidden');
+        }
         o.animate({height: 0, opacity: 'hide'});
         return this;
     };