UX: move classes of the wikipedia article

This commit is contained in:
Pieter Vander Vennet 2023-12-04 14:33:37 +01:00
parent ff9ca5e5cd
commit 5168b42c8f

View file

@ -34,22 +34,20 @@
<Tr t={Translations.t.general.wikipedia.loading} /> <Tr t={Translations.t.general.wikipedia.loading} />
</Loading> </Loading>
{:else} {:else}
<span class="wikipedia-article"> <FromHtml clss="wikipedia-article" src={$wikipediaDetails.firstParagraph} />
<FromHtml src={$wikipediaDetails.firstParagraph} /> <Disclosure let:open>
<Disclosure let:open> <DisclosureButton>
<DisclosureButton> <span class="flex">
<span class="flex"> <ChevronRightIcon
<ChevronRightIcon style={(open ? "transform: rotate(90deg); " : "") +
style={(open ? "transform: rotate(90deg); " : "") + " transition: all .25s linear; width: 1.5rem; height: 1.5rem"}
" transition: all .25s linear; width: 1.5rem; height: 1.5rem"} />
/> <Tr t={Translations.t.general.wikipedia.readMore} />
<Tr t={Translations.t.general.wikipedia.readMore} /> </span>
</span> </DisclosureButton>
</DisclosureButton> <DisclosurePanel>
<DisclosurePanel> <FromHtml clss="wikipedia-article" src={$wikipediaDetails.restOfArticle} />
<FromHtml src={$wikipediaDetails.restOfArticle} /> </DisclosurePanel>
</DisclosurePanel> </Disclosure>
</Disclosure>
</span>
{/if} {/if}
{/if} {/if}