From 71bdeeba39cdaefc6acf020a2578b8c218654fcd Mon Sep 17 00:00:00 2001
From: Henrik Giesel <hengiesel@gmail.com>
Date: Thu, 9 Sep 2021 15:06:07 +0200
Subject: [PATCH] Apply specific CSS to Mathjax CodeMirror

---
 ts/components/DropdownMenu.svelte    |  1 +
 ts/editor/MathjaxHandleEditor.svelte | 12 ++++++++++++
 2 files changed, 13 insertions(+)

diff --git a/ts/components/DropdownMenu.svelte b/ts/components/DropdownMenu.svelte
index 0ca9c38f6..418fab72a 100644
--- a/ts/components/DropdownMenu.svelte
+++ b/ts/components/DropdownMenu.svelte
@@ -24,6 +24,7 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
 
 <style lang="scss">
     .dropdown-menu {
+        border-radius: 5px;
         background-color: var(--frame-bg);
         border-color: var(--medium-border);
         min-width: 1rem;
diff --git a/ts/editor/MathjaxHandleEditor.svelte b/ts/editor/MathjaxHandleEditor.svelte
index 1b8eb7b0e..dcf3b4dac 100644
--- a/ts/editor/MathjaxHandleEditor.svelte
+++ b/ts/editor/MathjaxHandleEditor.svelte
@@ -35,6 +35,9 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
     onMount(() => {
         codeMirror.focus();
         codeMirror.setCursor(codeMirror.lineCount(), 0);
+
+        const codeMirrorElement = textarea.nextElementSibling!;
+        codeMirrorElement.classList.add("mathjax-editor");
     });
 </script>
 
@@ -59,3 +62,12 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
         use:openCodemirror
     />
 </div>
+
+<style lang="scss">
+    /* TODO there is global CSS in fields.scss */
+    div :global(.mathjax-editor) {
+        border-radius: 0;
+        border-width: 0 1px;
+        border-color: var(--medium-border);
+    }
+</style>