infeeeee/dis-2019
1
0
Fork 0
Code Issues 6 Pull Requests Releases 19 Wiki Activity

work on alcim on big articles

Browse Source
This commit is contained in:
infeeeee
2019-10-03 16:13:36 +02:00
parent ea796f041b
commit ea09fa398b
1 changed files with 29 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files

57
js/scripts.js
View File

@@ -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
$(".home-big h2").each(function () {
if ($(this)[0].getBoundingClientRect().height > h2H) {
h2H = $(this)[0].getBoundingClientRect().height
}
})
let artH = cArticle[0].getBoundingClientRect().height
// metadataHeights.openedHeight = artH - bottomScrollHeight - h2H
let metadataMaxheight = artH - bottomScrollHeight - h2H
let metadataOpenedHeight = (metadataMaxheight < metadataHeights.collapsedHeight) ? metadataHeights.collapsedHeight : metadataMaxheight
cc.attr('data-metadataOpenedHeight', metadataOpenedHeight)
// console.log('h2h', h2H, artH)
}
let artH = cArticle[0].getBoundingClientRect().height
metadataHeights.openedHeight = artH - bottomScrollHeight - h2H
console.log('h2h', h2H, artH)
let metadataOpenedHeight = cc.attr('data-metadataOpenedHeight')
//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()
cMetadata.children(".alcimWrapper").css({ display: 'flex' })
cBevezetoWrapper.show()
cAlcimWrapper.css({ display: 'flex' })
//set height for ellipsis
if (!metadataHeights.bevezetoHeight) {
metadataHeights.bevezetoHeight = cBevezetoWrapper.height()
if (!cc.attr('data-metadataBevezetoHeight')) {
let metadataBevezetoHeight = cBevezetoWrapper.height()
let bWidth = cBevezetoWrapper.width()
// let bWidth = cBevezetoWrapper[0].getBoundingClientRect().width
$('.bevezeto').css({
height: metadataHeights.bevezetoHeight,
cBevezetoWrapper.children('.bevezeto').css({
height: metadataBevezetoHeight,
width: bWidth + 'px'
})
$('.alcim').css({
height: metadataHeights.bevezetoHeight,
cAlcim.css({
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);
// }