From 8a0ff0072827d2b51adc6f9e8d3cd3d40ce96ce1 Mon Sep 17 00:00:00 2001 From: Ralph Bean Date: May 22 2015 16:26:18 +0000 Subject: Make widgets slide in as they're ready. --- diff --git a/hubs/templates/hubs.html b/hubs/templates/hubs.html index d96958c..f5935e5 100644 --- a/hubs/templates/hubs.html +++ b/hubs/templates/hubs.html @@ -30,6 +30,18 @@ padding: 5px; /* TODO -- lots more nice styling here... */ } + .panel { + visibility: hidden; + max-height: 0px; + overflow: hidden; + transition: max-height 0.4s; + } + + .panel-visible { + visibility: visible; + max-height: 400px; + } + @@ -65,6 +77,9 @@ $.each(widgets, function(i, widget) { dataType: 'html', success: function(html) { $('#widget-' + widget).html(html); + setTimeout(function() { + $('#widget-' + widget + ' .panel').toggleClass('panel-visible'); + }, 100); }, error: function() { console.log('error');