Update tour popover to work without data-cy

This commit is contained in:
Andrew Kingston 2023-02-01 08:29:03 +00:00
parent f753116af4
commit c4ed3cbe36
1 changed files with 36 additions and 30 deletions

View File

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