changes for the index page to display columns uniformly
This commit is contained in:
parent
a325e885f1
commit
55bf137efe
2 changed files with 9 additions and 3 deletions
|
@ -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;
|
||||||
|
|
|
@ -27,14 +27,18 @@
|
||||||
</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
|
||||||
itemSelector : '.class-group',
|
itemSelector : '.class-group',
|
||||||
layoutMode : 'fitColumns'
|
layoutMode : 'fitColumns'
|
||||||
});
|
});
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<#else>
|
<#else>
|
||||||
${noDataNotification}
|
${noDataNotification}
|
||||||
</#if>
|
</#if>
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue