From aded35c97a57eeb5eabff8d9a6853b01bbfa197e Mon Sep 17 00:00:00 2001
From: Hsieh Chin Fan <pham@topo.tw>
Date: Tue, 10 Sep 2024 19:46:20 +0800
Subject: refactor: Switch to EasyMDE

EasyMDE is based on codemirror, so completion and more features maybe
applied later.

* Now suggestions also works in EasyMDE
* For preview, change return value of markdown2HTML()
---
 src/css/dumbymap.css | 23 +++++++++++------------
 1 file changed, 11 insertions(+), 12 deletions(-)

(limited to 'src/css/dumbymap.css')

diff --git a/src/css/dumbymap.css b/src/css/dumbymap.css
index d31c97e..383c4ec 100644
--- a/src/css/dumbymap.css
+++ b/src/css/dumbymap.css
@@ -45,7 +45,7 @@
     }
   }
 
-  #markdown {
+  .SemanticHtml {
     flex: 1;
     padding: 20px;
     overflow-y: scroll;
@@ -59,20 +59,19 @@
       background-color: white;
       margin-bottom: 3rem;
 
-      * {
-        width: fit-content;
-      }
-
       .draggable {
         display: none;
       }
     }
 
-    pre:has(.map-container) {
-      display: flex;
-      justify-content: flex-start;
+    pre {
       width: 100%;
-      background-color: inherit;
+
+      &:has(.map-container) {
+        display: flex;
+        justify-content: flex-start;
+        background-color: inherit;
+      }
     }
 
     .map-container {
@@ -122,7 +121,7 @@
 
 .result-html[data-layout=side] {
   #map,
-  #markdown {
+  .SemanticHtml {
     flex: 50%;
     overflow-y: scroll;
     height: 100vh;
@@ -131,13 +130,13 @@
 
 .result-html[data-layout=overlay] {
   #map,
-  #markdown {
+  .SemanticHtml {
     position: fixed;
     height: 100%;
     width: 100%;
   }
 
-  #markdown {
+  .SemanticHtml {
     font-size: 12px;
     pointer-events: none;
 
-- 
cgit v1.2.3-70-g09d2