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

View File

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