Fix disabled tooltip in name and url settings
This commit is contained in:
parent
4b9c5dff96
commit
ec25ccfea0
|
@ -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);
|
||||||
|
|
|
@ -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>
|
||||||
|
|
Loading…
Reference in New Issue