Fix disabled tooltip in name and url settings

This commit is contained in:
Andrew Kingston 2023-07-04 13:24:18 +01:00
parent 4b9c5dff96
commit ec25ccfea0
2 changed files with 9 additions and 3 deletions

View File

@ -52,8 +52,13 @@
{#if $$slots} {#if $$slots}
<span class="spectrum-Button-label"><slot /></span> <span class="spectrum-Button-label"><slot /></span>
{/if} {/if}
{#if !disabled && tooltip} {#if tooltip}
<div class="tooltip-icon"> <div
class="tooltip-icon"
on:mouseover={() => (showTooltip = true)}
on:focus={() => (showTooltip = true)}
on:mouseleave={() => (showTooltip = false)}
>
<svg <svg
class="spectrum-Icon spectrum-Icon--size{size.toUpperCase()}" class="spectrum-Icon spectrum-Icon--size{size.toUpperCase()}"
focusable="false" focusable="false"
@ -98,6 +103,8 @@
.tooltip-icon { .tooltip-icon {
padding-left: var(--spacing-m); padding-left: var(--spacing-m);
line-height: 0; line-height: 0;
pointer-events: all !important;
z-index: 1;
} }
.spectrum-Button--primary.new-styles { .spectrum-Button--primary.new-styles {
background: var(--spectrum-global-color-gray-800); background: var(--spectrum-global-color-gray-800);

View File

@ -65,7 +65,6 @@
tooltip={appDeployed tooltip={appDeployed
? "You must unpublish your app to make changes" ? "You must unpublish your app to make changes"
: null} : null}
icon={appDeployed ? "HelpOutline" : null}
> >
Edit Edit
</Button> </Button>