| | |
|---|
| | | const collapsed = outerBlock.classList.contains(`is-collapsed`) |
|---|
| | | const height = collapsed ? this.scrollHeight : outerBlock.scrollHeight |
|---|
| | | outerBlock.style.maxHeight = height + `px` |
|---|
| | | |
|---|
| | | // walk and adjust height of all parents |
|---|
| | | let current = outerBlock |
|---|
| | | let parent = outerBlock.parentElement |
|---|
| | | while (parent) { |
|---|
| | | if (!parent.classList.contains(`callout`)) { |
|---|
| | | return |
|---|
| | | } |
|---|
| | | |
|---|
| | | const collapsed = parent.classList.contains(`is-collapsed`) |
|---|
| | | const height = collapsed ? parent.scrollHeight : parent.scrollHeight + current.scrollHeight |
|---|
| | | parent.style.maxHeight = height + `px` |
|---|
| | | |
|---|
| | | current = parent |
|---|
| | | parent = parent.parentElement |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | function setupCallout() { |
|---|
| | | const collapsible = document.getElementsByClassName(`callout is-collapsible`) as HTMLCollectionOf<HTMLElement> |
|---|
| | | const collapsible = document.getElementsByClassName( |
|---|
| | | `callout is-collapsible`, |
|---|
| | | ) as HTMLCollectionOf<HTMLElement> |
|---|
| | | for (const div of collapsible) { |
|---|
| | | const title = div.firstElementChild |
|---|
| | | |
|---|
