Merge branch 'master' of http://git.gyetpet.dynu.net/infeeeee/dis-2019

functions.php

@@ -39,10 +39,10 @@ if (function_exists('add_theme_support')) {
     add_image_size('large', 700, '', true); // Large Thumbnail
     add_image_size('medium', 250, '', true); // Medium Thumbnail
     add_image_size('small', 120, '', true); // Small Thumbnail
-    add_image_size('home-big-thumbnail', 1280, 1280, true); // Custom Thumbnail Size call using the_post_thumbnail('home-thumbnail');
+    add_image_size('home-big-thumbnail', 1024, 1024, true); // Custom Thumbnail Size call using the_post_thumbnail('home-thumbnail');
     add_image_size('home-small-thumbnail', 256, 256, true); // Custom Thumbnail Size call using the_post_thumbnail('home-thumbnail');
     add_image_size('home-event-thumbnail', 1024, 537, true);
-    add_image_size('single-thumbnail', 1280, 1280, true);
+    add_image_size('single-thumbnail', 1366, 1280, true);
 
     // Add Support for Custom Backgrounds - Uncomment below if you're going to use
     /*add_theme_support('custom-background', array(

js/scripts.js

@@ -862,33 +862,36 @@
 			if (!isMobile) {
 				// let cc = $(this)
 				let cArticle = cc.parents("article")
+				let cH2 = cc.parent('h2')
 				let cMetadata = cArticle.children(".metadata")
 				let cBevezetoWrapper = cMetadata.children(".bevezetoWrapper")
 				let cBevezeto = cBevezetoWrapper.children(".bevezeto")
+				let cAlcimWrapper = cMetadata.children(".alcimWrapper")
+				let cAlcim = cAlcimWrapper.children('.alcim')
 
 				// calculate default metadata height
-
 				metadataHeights.collapsedHeight = cMetadata[0].getBoundingClientRect().height
 
+				// check calculated metadata opened height
+				if (!cc.attr('data-metadataOpenedHeight')) {
+					// calculate opened metadata height:
+					let h2H = cH2[0].getBoundingClientRect().height
 
-				//calculate opened metadata height
 
-				let h2H = 0
+					let artH = cArticle[0].getBoundingClientRect().height
-				$(".home-big h2").each(function () {
+					// metadataHeights.openedHeight = artH - bottomScrollHeight - h2H
-					if ($(this)[0].getBoundingClientRect().height > h2H) {
+					let metadataMaxheight = artH - bottomScrollHeight - h2H
-						h2H = $(this)[0].getBoundingClientRect().height
+					let metadataOpenedHeight = (metadataMaxheight < metadataHeights.collapsedHeight) ? metadataHeights.collapsedHeight : metadataMaxheight
-					}
+					cc.attr('data-metadataOpenedHeight', metadataOpenedHeight)
-				})
+					// console.log('h2h', h2H, artH)
+				}
 
-				let artH = cArticle[0].getBoundingClientRect().height
+				let metadataOpenedHeight = cc.attr('data-metadataOpenedHeight')
-				metadataHeights.openedHeight = artH - bottomScrollHeight - h2H
-
-				console.log('h2h', h2H, artH)
 
 				//add height to bevezetoWrapper
-				$('.bevezetoWrapper').css({ height: metadataHeights.openedHeight })
+				cBevezetoWrapper.css({ height: metadataOpenedHeight })
 
-				$('.alcimWrapper').css({ height: metadataHeights.openedHeight })
+				cAlcimWrapper.css({ height: metadataOpenedHeight })
 
 
 				//add hovered class
@@ -903,32 +906,30 @@
 				cMetadata.children(".categories, .postedon").addClass("transparent")
 
 				//animate border
-				cMetadata.stop().animate({ height: metadataHeights.openedHeight }, 400, _ => {
+				cMetadata.stop().animate({ height: metadataOpenedHeight }, 400, _ => {
 
 					//hide metadata
 					cMetadata.children(".categories, .postedon").hide().removeClass("transparent")
-					cMetadata.children(".bevezetoWrapper").show()
+					cBevezetoWrapper.show()
-					cMetadata.children(".alcimWrapper").css({ display: 'flex' })
+					cAlcimWrapper.css({ display: 'flex' })
 
 					//set height for ellipsis
-					if (!metadataHeights.bevezetoHeight) {
+					if (!cc.attr('data-metadataBevezetoHeight')) {
-						metadataHeights.bevezetoHeight = cBevezetoWrapper.height()
+						let metadataBevezetoHeight = cBevezetoWrapper.height()
 						let bWidth = cBevezetoWrapper.width()
-						// let bWidth = cBevezetoWrapper[0].getBoundingClientRect().width
+						cBevezetoWrapper.children('.bevezeto').css({
-						$('.bevezeto').css({
+							height: metadataBevezetoHeight,
-							height: metadataHeights.bevezetoHeight,
 							width: bWidth + 'px'
 						})
-						$('.alcim').css({
+						cAlcim.css({
-							height: metadataHeights.bevezetoHeight,
+							height:metadataBevezetoHeight,
 						})
-
+						cc.attr('data-metadataBevezetoHeight', metadataBevezetoHeight)
 					}
-
+					
 					//show bev+alcim
 					cMetadata.children(".bevezetoWrapper, .alcimWrapper").removeClass("transparent")
 
-
 					//clamp bevezető
 					let ellipsis = new Ellipsis(cBevezeto[0]);
 					ellipsis.calc();
@@ -940,7 +941,7 @@
 		// Uncomment for debugging hover
 		// if (!isMobile && isHome) {
 		// 	setTimeout(() => {
-		// 		bigArticleHoverShow($(".home_wrapper-1 .home-big h2 a"))
+		// 		bigArticleHoverShow($(".home_wrapper-2 .home-big h2 a"))
 		// 	}, 2000);
 		// }
 

style.css

@@ -2,7 +2,7 @@
 	Theme Name: dis-2019
 	Theme URI: https://git.gyetpet.dynu.net/infeeeee/dis-2019
 	Description: Designisso téma 2019 | <a target="_blank" href="https://git.gyetpet.dynu.net/infeeeee/dis-2019/src/branch/master/K%c3%89ZIK%c3%96NYV.md">Használati utasítás magyarul</a> | <a target="_blank" href="https://git.gyetpet.dynu.net/infeeeee/dis-2019/issues">Hibák, problémák jelentése</a>
-	Version: 1.0.9
+	Version: 1.0.10
 	Author: Gyetvai Péter
 	Author URI: https://gyetvai-peter.hu
 	Tags: Designisso