MirrorSave
/
budibase
mirror of https://github.com/Budibase/budibase.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Update tour popover to work without data-cy

This commit is contained in:
Andrew Kingston 2023-02-01 08:29:03 +00:00
parent 9392922cf1
commit b89fb6b63e
1 changed files with 36 additions and 30 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
packages/builder/src/components/portal/onboarding/TourPopover.svelte
View File

@ -115,8 +115,10 @@
anchor={popoverAnchor} anchor={popoverAnchor}
maxWidth={300} maxWidth={300}
dismissible={false} dismissible={false}
offset={15}
> >
<Layout gap="M"> <div class="tour-content">
<Layout noPadding gap="M">
<div class="tour-header"> <div class="tour-header">
<Heading size="XS">{tourStep?.title || "-"}</Heading> <Heading size="XS">{tourStep?.title || "-"}</Heading>
<div>{`${tourStepIdx + 1}/${tourSteps?.length}`}</div> <div>{`${tourStepIdx + 1}/${tourSteps?.length}`}</div>
@ -147,10 +149,14 @@
</div> </div>
</div> </div>
</Layout> </Layout>
</div>
</Popover> </Popover>
{/key} {/key}
<style> <style>
.tour-content {
padding: var(--spacing-xl);
}
.tour-navigation { .tour-navigation {
grid-gap: var(--spectrum-alias-grid-baseline); grid-gap: var(--spectrum-alias-grid-baseline);
display: flex; display: flex;