adds hoverable prop to modal close button

This commit is contained in:
Keviin Åberg Kultalahti 2021-04-23 14:03:59 +02:00
parent 8904d32c14
commit 40450fdf5a
1 changed files with 7 additions and 4 deletions

View File

@ -35,7 +35,8 @@
style="position: relative;"
role="dialog"
tabindex="-1"
aria-modal="true">
aria-modal="true"
>
<div class="spectrum-Dialog-grid">
<h1 class="spectrum-Dialog-heading spectrum-Dialog-heading--noHeader">
{title}
@ -48,7 +49,8 @@
</section>
{#if showCancelButton || showConfirmButton}
<div
class="spectrum-ButtonGroup spectrum-Dialog-buttonGroup spectrum-Dialog-buttonGroup--noFooter">
class="spectrum-ButtonGroup spectrum-Dialog-buttonGroup spectrum-Dialog-buttonGroup--noFooter"
>
<slot name="footer" />
{#if showCancelButton}
<Button group secondary on:click={hide}>{cancelText}</Button>
@ -59,7 +61,8 @@
cta
{...$$restProps}
disabled={confirmDisabled}
on:click={confirm}>
on:click={confirm}
>
{confirmText}
</Button>
{/if}
@ -67,7 +70,7 @@
{/if}
{#if showCloseIcon}
<div class="close-icon" on:click={hide}>
<Icon name="Close" />
<Icon hoverable name="Close" />
</div>
{/if}
</div>