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

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
packages/bbui/src/Modal/ModalContent.svelte
View File

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