From cf90c71e59d342f88ad15fa5f9b617179e553252 Mon Sep 17 00:00:00 2001
From: Matthias Metelka <62722460+kleinerpirat@users.noreply.github.com>
Date: Wed, 3 Aug 2022 20:39:51 +0200
Subject: [PATCH] Don't show toggle when field is collapsed

---
 ts/editor/NoteEditor.svelte     |  2 ++
 ts/editor/PlainTextBadge.svelte | 21 ++++++++++++---------
 2 files changed, 14 insertions(+), 9 deletions(-)

diff --git a/ts/editor/NoteEditor.svelte b/ts/editor/NoteEditor.svelte
index e6aa1fa98..466c3051e 100644
--- a/ts/editor/NoteEditor.svelte
+++ b/ts/editor/NoteEditor.svelte
@@ -362,6 +362,8 @@ the AddCards dialog) should be implemented in the user of this component.
                             </RichTextInput>
 
                             <PlainTextBadge
+                                collapsed={richTextsHidden[index] &&
+                                    plainTextsHidden[index]}
                                 bind:off={plainTextsHidden[index]}
                                 on:toggle={() => {
                                     plainTextsHidden[index] = !plainTextsHidden[index];
diff --git a/ts/editor/PlainTextBadge.svelte b/ts/editor/PlainTextBadge.svelte
index 188c0cfd5..5daa018f9 100644
--- a/ts/editor/PlainTextBadge.svelte
+++ b/ts/editor/PlainTextBadge.svelte
@@ -13,6 +13,7 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
     const dispatch = createEventDispatcher();
 
     export let off = false;
+    export let collapsed = false;
 
     function toggle() {
         dispatch("toggle");
@@ -26,15 +27,17 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
     let width = 0;
 </script>
 
-<div class="clickable" style="--width: {width}px" on:click|stopPropagation={toggle}>
-    <span
-        class:off
-        class:on={!off}
-        class="plain-text-badge"
-        class:highlighted={!off}
-        bind:clientWidth={width}
-    />
-</div>
+{#if !collapsed}
+    <div class="clickable" style="--width: {width}px" on:click|stopPropagation={toggle}>
+        <span
+            class:off
+            class:on={!off}
+            class="plain-text-badge"
+            class:highlighted={!off}
+            bind:clientWidth={width}
+        />
+    </div>
+{/if}
 
 <style lang="scss">
     .clickable {