diff --git a/src/components/write/write.css b/src/components/write/write.css index ee53e1dac7f835663977f4a52c598f41a353fd82..3221f3164604fec7d8c9d58fe41de60fe1a16e89 100644 --- a/src/components/write/write.css +++ b/src/components/write/write.css @@ -1,3 +1,12 @@ +.strichfolge-animation { + min-height: 85px; + font-size: 0; +} + +.strichfolge-animation.is-large { + min-height: 140px; +} + .writers { /** Don't show spaces */ font-size: 0; diff --git a/src/components/write/write.ts b/src/components/write/write.ts index 13be8d6cbc8c9e54d5e8592e1ef7736c524bb39a..6737d20818fd73a334e2bd53c75272e5437226eb 100644 --- a/src/components/write/write.ts +++ b/src/components/write/write.ts @@ -11,7 +11,6 @@ import { type GetHanziDataKind, getHanziData } from '../hanzi-data' import { isMaybeHanzi } from '../is-hanzi' import { error } from '../debug/log' -const globalId = 'strichfolge-animation' /** Pause between strokes */ const delayBetweenStrokes = 300 /** @@ -107,8 +106,8 @@ interface Writer { export async function createWriter (userOpts: WriterOpts): Promise<void> { const opts = { ...writerOptsDefaults, ...userOpts } const container = opts.addTo - if (!(container instanceof Element)) { - throw new Error(`Could not find element #${globalId} for the Hanz writer`) + if (!(container instanceof HTMLElement)) { + throw new Error(`#${container.outerHTML} is not a HTMLElement`) } const writersContainer = document.createElement('div') writersContainer.classList.add('writers')