working on responsivity

js/scripts.js

@@ -23,6 +23,7 @@
 
 		const desktophomemargin = $(".header-1")[0].getBoundingClientRect().width
 
+
 		// height of scrollbar at bottom
 		const bottomScrollHeight = (_ => {
 			if (wih / vh > 1.5) {
@@ -43,7 +44,7 @@
 			vh: vh,
 			bottomScrollHeight: bottomScrollHeight
 		}
-		//console.log(cssWidths)
+		console.log(cssWidths)
 
 
 		/* --------------------------- css values to vars --------------------------- */
@@ -59,6 +60,8 @@
 			}
 		})()
 
+		const isTablet = (!isMobile && (wow < 1024 || wiw < 1024)) ? true : false
+
 		/**
 		 * Checks if body has a class
 		 * @param {string} classname The class to check
@@ -96,11 +99,10 @@
 		//isSingle
 		const isSingle = bodyHasClass('single')
 
+		// Masonrypage: archive, home or search results
 		var isMasonryPage = isArchive || isHome || isSearch
 
 
-
-
 		/* ========================================================================== */
 		/*                                  FUNCTIONS                                 */
 		/* ========================================================================== */
@@ -147,7 +149,7 @@
 					})
 				} else {
 					//if it's closed open:
-					bar.show().stop().animate({ width: wiw - (desktophomemargin * 3) }, 400, function () {
+					bar.show().stop().animate({ width: wiw - (desktophomemargin * 2) }, 400, function () {
 						bar.addClass("opensearch")
 						$(".search-input").focus()
 					})
@@ -165,6 +167,9 @@
 		if (!isMobile) {
 			menuWidth = 500
 		}
+		if (isTablet) {
+			menuWidth = 350
+		}
 
 		$("#sidebar").simplerSidebar({
 
@@ -207,8 +212,8 @@
 		/* -------------------------------------------------------------------------- */
 
 
-		/* ----------------------------------- css ---------------------------------- */
 
+		/* ----------------------------- css on desktop ----------------------------- */
 
 		if (!isMobile) {
 			if (isMasonryPage) {
@@ -634,11 +639,17 @@
 
 		/* ------------------------------ hover on home ----------------------------- */
 
+		var bigMetadataHeight
+
 		//hover on big articles
 		$(".home-big h2 a").hover(function () {
 			let cc = $(this)
 			let cArticle = cc.parents("article")
 			let cMetadata = cArticle.children(".metadata")
+			if (!bigMetadataHeight) {
+				bigMetadataHeight = cMetadata[0].getBoundingClientRect().height
+			}
+
 
 			//add hovered class
 			cArticle.addClass("hovered")
@@ -676,7 +687,7 @@
 			cMetadata.children(".alcim, .bevezeto").addClass("transparent")
 
 			//animate height change
-			cMetadata.stop().animate({ height: "10rem" }, 400, _ => {
+			cMetadata.stop().animate({ height: bigMetadataHeight }, 400, _ => {
 				//hide and show metadata
 				cMetadata.children(".alcim, .bevezeto").hide().removeClass("transparent")
 				cMetadata.children(".categories, .postedon").removeClass("transparent").show()
@@ -741,6 +752,13 @@
 		}, ".home-small a.thumbnailwrapper")
 
 
+		/* ------------------------------- no results ------------------------------- */
+
+
+		if (isMasonryPage && $("article").hasClass('no-result')) {
+			$('body').addClass("no-result")
+		}
+
 		/* -------------------------------------------------------------------------- */
 		/*                             EVENTS - ESEMÉNYEK                             */
 		/* -------------------------------------------------------------------------- */
@@ -818,6 +836,12 @@
 
 		if (isSingle) {
 
+			/* ---------------------------- wrap figcaptions --------------------------- */
+
+
+			$("figcaption").wrapInner("<span></span>")
+
+
 
 			/* ----------------------------- images, gallery ---------------------------- */
 
@@ -880,15 +904,18 @@
 
 
 			/* ---------------------------- hover and click on related ---------------------------- */
+
 			$(document).on({
 				mouseenter: function () {
 					if (!Modernizr.touchevents) {
-						showTitle(this)
+						let wrapper = $(this).children(".relatedWrapper")
+						showTitle(wrapper)
 					}
 				},
 				mouseleave: function () {
 					if (!Modernizr.touchevents) {
-						hideTitle(this)
+						let wrapper = $(this).children(".relatedWrapper")
+						hideTitle(wrapper)
 					}
 				}
 			}, '#related_posts li');
@@ -897,19 +924,15 @@
 			$(document).on({
 				'touchend': function (e) {
 					e.preventDefault()
-					var art = $(this).parents("li")
-					var metadata = art.children(".metadata")
-					if (metadata.hasClass("vis")) {
-						hideTitle(art)
-					} else {
-						hideTitle($(".vis").parents("li"))
-						showTitle(art)
-					}
+					var art = $(this).parents("li").children(".relatedWrapper")
+					hideTitle($(".vis").parents(".relatedWrapper"))
+					showTitle(art)
+
 				}
 			}, "#related_posts li a.related_thumbnailwrapper")
 
 			//click on related
-			$('#related_posts li').click(function () {
+			$('#related_posts li .relatedWrapper').click(function () {
 				let href = $(this).children('a.related_thumbnailwrapper').attr("href")
 				window.open(href, "_self")
 			})