fix: copy input

This commit is contained in:
Arman
2022-11-02 17:26:13 +01:00
parent 08fa252ee7
commit 1ee1aa00a3
+17 -15
View File
@@ -22,21 +22,23 @@
};
</script>
<div class="input-text-wrapper" style="--amount-of-buttons:1">
<div>
<label class:u-hide={!showLabel} class="label" for={label}>{label}</label>
<input {value} id={label} type="text" class="input-text" readonly />
<div class="options-list">
<button
type="button"
class="input-button"
aria-label="Click to copy."
on:click={copy}
on:mouseenter={() => setTimeout(() => (content = 'Click to copy'))}
use:tooltip={{
content,
hideOnClick: false
}}>
<span class="icon-duplicate" aria-hidden="true" />
</button>
<div class="input-text-wrapper" style="--amount-of-buttons:1">
<input {value} id={label} type="text" class="input-text" readonly />
<div class="options-list">
<button
type="button"
class="input-button"
aria-label="Click to copy."
on:click={copy}
on:mouseenter={() => setTimeout(() => (content = 'Click to copy'))}
use:tooltip={{
content,
hideOnClick: false
}}>
<span class="icon-duplicate" aria-hidden="true" />
</button>
</div>
</div>
</div>