From abf1583a1d79e537bcd35629fb49e1510dde8241 Mon Sep 17 00:00:00 2001
From: Mawoka <git@mawoka.eu>
Date: Thu, 9 Feb 2023 16:36:47 +0100
Subject: [PATCH] :bug: Fixed content shift(s) in editor

---
 frontend/src/lib/editor/ABCDEditorPart.svelte   | 4 ++--
 frontend/src/lib/editor/OrderEditorPart.svelte  | 4 ++--
 frontend/src/lib/editor/TextEditorPart.svelte   | 4 ++--
 frontend/src/lib/editor/VotingEditorPart.svelte | 4 ++--
 frontend/src/lib/editor/uploader.svelte         | 4 ++--
 5 files changed, 10 insertions(+), 10 deletions(-)

diff --git a/frontend/src/lib/editor/ABCDEditorPart.svelte b/frontend/src/lib/editor/ABCDEditorPart.svelte
index d1f4434..c9d4bc3 100644
--- a/frontend/src/lib/editor/ABCDEditorPart.svelte
+++ b/frontend/src/lib/editor/ABCDEditorPart.svelte
@@ -43,7 +43,7 @@
 	{#if Array.isArray(data.questions[selected_question].answers)}
 		{#each data.questions[selected_question].answers as answer, index}
 			<div
-				out:fade={{ duration: 150 }}
+				out:fade|local={{ duration: 150 }}
 				class="p-4 rounded-lg flex justify-center w-full transition relative"
 				class:bg-red-500={!answer.right}
 				class:bg-green-500={answer.right}
@@ -136,7 +136,7 @@
 		<button
 			class="p-4 rounded-lg bg-transparent border-gray-500 border-2 hover:bg-gray-300 transition dark:hover:bg-gray-600"
 			type="button"
-			in:fade={{ duration: 150 }}
+			in:fade|local={{ duration: 150 }}
 			on:click={() => {
 				data.questions[selected_question].answers = [
 					...data.questions[selected_question].answers,
diff --git a/frontend/src/lib/editor/OrderEditorPart.svelte b/frontend/src/lib/editor/OrderEditorPart.svelte
index b87cdfb..a50fdf9 100644
--- a/frontend/src/lib/editor/OrderEditorPart.svelte
+++ b/frontend/src/lib/editor/OrderEditorPart.svelte
@@ -57,7 +57,7 @@
 		{#each data.questions[selected_question].answers as answer, i (answer.id)}
 			<div
 				animate:flip={{ duration: 200 }}
-				out:fade={{ duration: 150 }}
+				out:fade|local={{ duration: 150 }}
 				class="p-4 rounded-lg flex justify-center w-full transition relative border border-gray-600 flex-row gap-4 m-2"
 			>
 				<button
@@ -160,7 +160,7 @@
 			<button
 				class="p-4 rounded-lg bg-transparent border-gray-500 border-2 hover:bg-gray-300 transition dark:hover:bg-gray-600 m-2 w-full"
 				type="button"
-				in:fade={{ duration: 150 }}
+				in:fade|local={{ duration: 150 }}
 				on:click={() => {
 					data.questions[selected_question].answers = [
 						...data.questions[selected_question].answers,
diff --git a/frontend/src/lib/editor/TextEditorPart.svelte b/frontend/src/lib/editor/TextEditorPart.svelte
index acce3a2..5409737 100644
--- a/frontend/src/lib/editor/TextEditorPart.svelte
+++ b/frontend/src/lib/editor/TextEditorPart.svelte
@@ -38,7 +38,7 @@
 	{#if Array.isArray(data.questions[selected_question].answers)}
 		{#each data.questions[selected_question].answers as answer, index}
 			<div
-				out:fade={{ duration: 150 }}
+				out:fade|local={{ duration: 150 }}
 				class="p-4 rounded-lg flex justify-center w-full transition relative"
 				class:dark:bg-gray-500={answer.answer}
 				class:bg-gray-300={answer.answer}
@@ -122,7 +122,7 @@
 		<button
 			class="p-4 rounded-lg bg-transparent border-gray-500 border-2 hover:bg-gray-300 transition dark:hover:bg-gray-600"
 			type="button"
-			in:fade={{ duration: 150 }}
+			in:fade|local={{ duration: 150 }}
 			on:click={() => {
 				data.questions[selected_question].answers = [
 					...data.questions[selected_question].answers,
diff --git a/frontend/src/lib/editor/VotingEditorPart.svelte b/frontend/src/lib/editor/VotingEditorPart.svelte
index 882a12e..04de40a 100644
--- a/frontend/src/lib/editor/VotingEditorPart.svelte
+++ b/frontend/src/lib/editor/VotingEditorPart.svelte
@@ -42,7 +42,7 @@
 	{#if Array.isArray(data.questions[selected_question].answers)}
 		{#each data.questions[selected_question].answers as answer, index}
 			<div
-				out:fade={{ duration: 150 }}
+				out:fade|local={{ duration: 150 }}
 				class="p-4 rounded-lg flex justify-center w-full transition relative"
 				class:bg-yellow-500={!reach(VotingQuestionSchema, 'answer').isValidSync(
 					answer.answer
@@ -96,7 +96,7 @@
 		<button
 			class="p-4 rounded-lg bg-transparent border-gray-500 border-2 hover:bg-gray-300 transition dark:hover:bg-gray-600"
 			type="button"
-			in:fade={{ duration: 150 }}
+			in:fade|local={{ duration: 150 }}
 			on:click={() => {
 				data.questions[selected_question].answers = [
 					...data.questions[selected_question].answers,
diff --git a/frontend/src/lib/editor/uploader.svelte b/frontend/src/lib/editor/uploader.svelte
index 5c8cafd..3940fdc 100644
--- a/frontend/src/lib/editor/uploader.svelte
+++ b/frontend/src/lib/editor/uploader.svelte
@@ -83,7 +83,7 @@
 {#if modalOpen}
 	<div
 		class="w-full h-full absolute top-0 left-0 bg-opacity-60 z-20 flex justify-center"
-		transition:fade
+		transition:fade|local
 	>
 		<div>
 			<button
@@ -100,7 +100,7 @@
 		</div>
 	</div>
 {/if}
-<div class="flex justify-center w-full pt-10" transition:fade>
+<div class="flex justify-center w-full pt-10" transition:fade|local>
 	<button
 		class="rounded-lg p-4 flex justify-center bg-transparent border-gray-500 border-2 w-1/2 hover:bg-gray-300 dark:hover:bg-gray-600 transition"
 		type="button"