Welcome to mirror list, hosted at ThFree Co, Russian Federation.

github.com/chipsenkbeil/grid-side.git - Unnamed repository; edit this file 'description' to name the repository.
summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorChip Senkbeil <chip.senkbeil@gmail.com>2015-08-26 03:58:54 +0300
committerChip Senkbeil <chip.senkbeil@gmail.com>2015-08-26 03:58:54 +0300
commit6eefa9301c76806833337ca4865476ca75d8d410 (patch)
tree42e521855f87a5696e8d011ccb9a3b5f7a48b3b9
parent0d7af8da21f6dee1f583c7f6f997569b17c2eb1b (diff)
Added distinguishing class name for masonry vs normal flex container
-rw-r--r--layouts/_default/list.html2
-rw-r--r--static/css/main.css2
-rw-r--r--static/js/main.js2
3 files changed, 4 insertions, 2 deletions
diff --git a/layouts/_default/list.html b/layouts/_default/list.html
index 65cc0cc..0eb6314 100644
--- a/layouts/_default/list.html
+++ b/layouts/_default/list.html
@@ -5,7 +5,7 @@
{{ partial "main-menu.html" . }}
<section class="main-content">
- <div class="flex-container">
+ <div class="masonry-flex-container">
{{ range .Paginator.Pages }}
<div class="flex-item">
{{ partial "page-item.html" . }}
diff --git a/static/css/main.css b/static/css/main.css
index 6007947..69d0d43 100644
--- a/static/css/main.css
+++ b/static/css/main.css
@@ -120,6 +120,7 @@ html, body {
}
.main-content article {
+ position: relative;
min-height: 100vh;
padding-left: 30px;
padding-right: 30px;
@@ -472,6 +473,7 @@ ul.pagination {
/* = PAGE SUMMARY */
/* ========================================================================= */
+.masonry-flex-container,
.flex-container {
display: -ms-flex;
display: -webkit-flex;
diff --git a/static/js/main.js b/static/js/main.js
index 69e1237..79eba5b 100644
--- a/static/js/main.js
+++ b/static/js/main.js
@@ -1,6 +1,6 @@
$(document).ready(function(){
// Employ Masonry layout configuration
- var $container = $(".flex-container").imagesLoaded(function() {
+ var $container = $(".masonry-flex-container").imagesLoaded(function() {
$container.masonry({
itemSelector: ".flex-item",
columnWidth: ".flex-item",