changes for the index page to display columns uniformly

This commit is contained in:
tworrall 2011-07-13 20:37:50 +00:00
parent a325e885f1
commit 55bf137efe
2 changed files with 9 additions and 3 deletions

View file

@ -89,9 +89,11 @@
margin-right:25px; margin-right:25px;
} }
#isotope-container { #isotope-container {
height:1250px;
overflow:visible; overflow:visible;
} }
#isotope-container li {
width:290px;
}
/* <------ SEARCH RESULTS PAGE*/ /* <------ SEARCH RESULTS PAGE*/
.searchTOC { .searchTOC {
margin-bottom: 1.5em; margin-bottom: 1.5em;

View file

@ -27,6 +27,11 @@
</section> </section>
${headScripts.add('<script type="text/javascript" src="${urls.base}/js/jquery_plugins/isotope/jquery.isotope.min.js"></script>')} ${headScripts.add('<script type="text/javascript" src="${urls.base}/js/jquery_plugins/isotope/jquery.isotope.min.js"></script>')}
<script>
var initHeight = $("#isotope-container").height();
initHeight = (initHeight + 100)/3 ;
$("#isotope-container").css("height",initHeight + "px");
</script>
<script> <script>
$('#isotope-container').isotope({ $('#isotope-container').isotope({
// options // options
@ -34,7 +39,6 @@
layoutMode : 'fitColumns' layoutMode : 'fitColumns'
}); });
</script> </script>
<#else> <#else>
${noDataNotification} ${noDataNotification}
</#if> </#if>