Open bytedream opened 1 year ago
As a dirty fix I currently remove all divs in onMount
and in a <script>
at the end of the svelte file manually:
<script>
...
let opposite = true
onMount(() => {
if (opposite) document.querySelectorAll('.opposite-block').forEach(e => e.remove())
})
<script>
<Timeline position="alternate">
...
</Timeline>
{#if opposite}
<script>
document.querySelectorAll('.opposite-block').forEach(e => e.remove())
</script>
{/if}
When wrapping a
<TimelineOppositeContent>
block in a svelte if statement, a.opposite-content
<div>
gets generated even if it shouldn't and messes up the timeline alignment.opposite
set totrue
:{#if}
condition removed oropposite
set tofalse
: