style: fix markmap height to 300px

Signed-off-by: Raccoon <raccoon@hackmd.io>

Author: a60814billy

public/css/extra.css

@@ -84,6 +84,16 @@
   height: 250px;
 }
 
+/* markmap */
+.markmap-container {
+  height: 300px;
+}
+
+.markmap-container > svg {
+  width: 100%;
+  height: 100%;
+}
+
 .MJX_Assistive_MathML {
     display: none;
 }

public/js/extra.js

@@ -494,8 +494,8 @@ export function finishView (view) {
     $value.unwrap()
     try {
       const data = transform(content)
-      $elem.html(`<div class="markmap"><svg style="width: 100%;" class="markmap rendered"></svg></div>`)
-      markmap($elem.find('svg.markmap.rendered')[0], data, {
+      $elem.html(`<div class="markmap-container"><svg></svg></div>`)
+      markmap($elem.find('svg')[0], data, {
         duration: 0
       })
     } catch (err) {