update height on display
This commit is contained in:
parent
f39f854821
commit
0746a2ab6c
2 changed files with 17 additions and 0 deletions
|
@ -141,6 +141,11 @@ function formatInfo(config, ascroll) {
|
||||||
}
|
}
|
||||||
title.onclick = event => {
|
title.onclick = event => {
|
||||||
section.style.display = section.style.display == "none" ? "block" : "none"
|
section.style.display = section.style.display == "none" ? "block" : "none"
|
||||||
|
if (section.style.display == "block") {
|
||||||
|
section.querySelectorAll("pandora-scroll").forEach(ps => {
|
||||||
|
ps.updateAnnotationHeight()
|
||||||
|
})
|
||||||
|
}
|
||||||
div.querySelectorAll("h3.toggle").forEach(other => {
|
div.querySelectorAll("h3.toggle").forEach(other => {
|
||||||
if (other != title) {
|
if (other != title) {
|
||||||
var osection = other.nextElementSibling
|
var osection = other.nextElementSibling
|
||||||
|
|
|
@ -29,6 +29,18 @@ class PandoraScroll extends HTMLElement {
|
||||||
video.muted = true
|
video.muted = true
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
this.updateAnnotationHeight = function() {
|
||||||
|
var height = 0
|
||||||
|
var text = shadow.querySelector('.text')
|
||||||
|
text.querySelectorAll('.annotation.single').forEach(annotation => {
|
||||||
|
var rect = annotation.getBoundingClientRect()
|
||||||
|
console.log(annotation, rect.height)
|
||||||
|
if (rect.height > height) {
|
||||||
|
height = rect.height
|
||||||
|
}
|
||||||
|
})
|
||||||
|
text.style.height = height + 'px';
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
Loading…
Reference in a new issue