* Refactor sidebar logic + fix responsiveness * Add TOC * Add Pagination * Update exampleSite * Update README.md
44 lines
1.3 KiB
JavaScript
44 lines
1.3 KiB
JavaScript
"use strict";
|
|
|
|
var isMobile = false, isTablet = false, isLaptop = false;
|
|
(function ($) {
|
|
jQuery(document).ready(function () {
|
|
function detectDevice() {
|
|
if (window.innerWidth <= 425) {
|
|
isMobile = true;
|
|
isTablet = false;
|
|
isLaptop = false;
|
|
} else if (window.innerWidth <= 768) {
|
|
isMobile = false;
|
|
isTablet = true;
|
|
isLaptop = false;
|
|
} else {
|
|
isMobile = false;
|
|
isTablet = false;
|
|
isLaptop = true;
|
|
}
|
|
}
|
|
detectDevice();
|
|
|
|
// ======= Adjust height of the post cards =============
|
|
function adjustPostCardsHeight() {
|
|
if (!isMobile) { // no need to adjust height for mobile devices
|
|
let postCardHolder = document.getElementById("post-card-holder");
|
|
if (postCardHolder == null ){
|
|
return
|
|
}
|
|
let el = postCardHolder.children;
|
|
let maxHeight = 0;
|
|
for (let i = 0; i < el.length; i++) {
|
|
if (el[i].children[1].clientHeight > maxHeight) {
|
|
maxHeight = el[i].children[1].clientHeight;
|
|
}
|
|
}
|
|
for (let i = 0; i < el.length; i++) {
|
|
el[i].children[1].setAttribute("style", "min-height: " + maxHeight + "px;")
|
|
}
|
|
}
|
|
}
|
|
adjustPostCardsHeight();
|
|
});
|
|
})(jQuery);
|