adds close button to feedback form component

This commit is contained in:
Keviin Åberg Kultalahti 2021-07-22 12:07:38 +02:00
parent 030571497b
commit a6814091b1
1 changed files with 14 additions and 0 deletions

View File

@ -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;