adds close button to feedback form component
This commit is contained in:
parent
030571497b
commit
a6814091b1
|
@ -4,6 +4,7 @@
|
||||||
import { fade, fly } from "svelte/transition"
|
import { fade, fly } from "svelte/transition"
|
||||||
import {
|
import {
|
||||||
ActionButton,
|
ActionButton,
|
||||||
|
ClearButton,
|
||||||
RadioGroup,
|
RadioGroup,
|
||||||
TextArea,
|
TextArea,
|
||||||
ButtonGroup,
|
ButtonGroup,
|
||||||
|
@ -47,6 +48,11 @@
|
||||||
|
|
||||||
dispatch("submitted")
|
dispatch("submitted")
|
||||||
}
|
}
|
||||||
|
|
||||||
|
function cancelFeedback() {
|
||||||
|
document.cookie = "feedbackSubmitted=true"
|
||||||
|
dispatch("submitted")
|
||||||
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<div
|
<div
|
||||||
|
@ -59,6 +65,9 @@
|
||||||
in:fly={{ y: 30, duration: 200 }}
|
in:fly={{ y: 30, duration: 200 }}
|
||||||
out:fly|local={{ y: 30, duration: 200 }}
|
out:fly|local={{ y: 30, duration: 200 }}
|
||||||
>
|
>
|
||||||
|
<div class="close">
|
||||||
|
<ClearButton on:click={cancelFeedback} />
|
||||||
|
</div>
|
||||||
<Layout gap="XS">
|
<Layout gap="XS">
|
||||||
{#if step === 0}
|
{#if step === 0}
|
||||||
<Heading size="XS"
|
<Heading size="XS"
|
||||||
|
@ -138,6 +147,11 @@
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
}
|
}
|
||||||
|
.close {
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
right: 0;
|
||||||
|
}
|
||||||
.footer {
|
.footer {
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
|
|
Loading…
Reference in New Issue