From cd36fe2518670a2a9c1b01af987058b4f45eda4c Mon Sep 17 00:00:00 2001
From: Henrik Giesel <hengiesel@gmail.com>
Date: Wed, 4 Aug 2021 05:13:42 +0200
Subject: [PATCH] Correctly include editable css

---
 qt/aqt/data/web/css/BUILD.bazel   |  1 +
 ts/editable/BUILD.bazel           |  1 +
 ts/editable/Mathjax.svelte        | 10 +++++++++-
 ts/editable/editable-container.ts |  2 +-
 ts/editable/index.ts              |  2 ++
 5 files changed, 14 insertions(+), 2 deletions(-)

diff --git a/qt/aqt/data/web/css/BUILD.bazel b/qt/aqt/data/web/css/BUILD.bazel
index 30f5a4788..724099ac2 100644
--- a/qt/aqt/data/web/css/BUILD.bazel
+++ b/qt/aqt/data/web/css/BUILD.bazel
@@ -47,6 +47,7 @@ filegroup(
     srcs = [
         "css_local",
         "editor",
+        "editable",
         "reviewer",
     ],
     visibility = ["//qt:__subpackages__"],
diff --git a/ts/editable/BUILD.bazel b/ts/editable/BUILD.bazel
index e2dc0b775..3c5447b76 100644
--- a/ts/editable/BUILD.bazel
+++ b/ts/editable/BUILD.bazel
@@ -65,6 +65,7 @@ esbuild(
     visibility = ["//visibility:public"],
     deps = [
         "editable",
+        "editable_scss",
         "svelte_components",
         "//ts/components",
         "//ts/components:svelte_components",
diff --git a/ts/editable/Mathjax.svelte b/ts/editable/Mathjax.svelte
index e2304db39..532fb5f85 100644
--- a/ts/editable/Mathjax.svelte
+++ b/ts/editable/Mathjax.svelte
@@ -12,4 +12,12 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
     $: converted = convertMathjax(`${delimiters[0]}${mathjax}${delimiters[1]}`);
 </script>
 
-{@html converted}
+<div on:click={console.log}>
+    {@html converted}
+</div>
+
+<style lang="scss">
+    div {
+        display: contents;
+    }
+</style>
diff --git a/ts/editable/editable-container.ts b/ts/editable/editable-container.ts
index ed9d2c7e4..68f06a14a 100644
--- a/ts/editable/editable-container.ts
+++ b/ts/editable/editable-container.ts
@@ -20,7 +20,7 @@ export class EditableContainer extends HTMLDivElement {
 
         const rootStyle = document.createElement("link");
         rootStyle.setAttribute("rel", "stylesheet");
-        rootStyle.setAttribute("href", "./_anki/css/editable.css");
+        rootStyle.setAttribute("href", "./_anki/css/editable-build.css");
         shadow.appendChild(rootStyle);
 
         this.baseStyle = document.createElement("style");
diff --git a/ts/editable/index.ts b/ts/editable/index.ts
index 9dd688339..157ced9e6 100644
--- a/ts/editable/index.ts
+++ b/ts/editable/index.ts
@@ -1,5 +1,7 @@
 // Copyright: Ankitects Pty Ltd and contributors
 // License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
 
+import "./editable-base.css";
 import "./editable-container";
 import "./editable";
+import "./mathjax-components";