Markdown Live View

Author: benhatsor

api-link-parser.js

@@ -82,7 +82,8 @@ function decodeLink(url) {
       linkData.contents = linkData.contents.slice(0, (-lastEntry.length - 1));
 
       // if linked file can be viewed live
-      if (lastEntry.endsWith('.html') || lastEntry.endsWith('.svg')) {
+      if (lastEntry.endsWith('.html') || lastEntry.endsWith('.svg') ||
+          lastEntry.endsWith('.md')) {
 
         // show file in live view
         linkData.openLive = true;

dark-theme.css

@@ -141,6 +141,7 @@ cd-el {
 
   -webkit-font-smoothing: antialiased;
   border-radius: 0;
+  display: block;
 }
 
 .token.prolog,

filebrowser.js

@@ -2558,7 +2558,9 @@ function toggleSidebar(open) {
 
     if (isMobile) {
 
-      document.querySelector('meta[name="theme-color"]').content = '#313744';
+      if (!liveView.classList.contains('visible')) {
+        document.querySelector('meta[name="theme-color"]').content = '#313744';
+      }
 
     } else {
 

full.css

@@ -644,7 +644,8 @@ body.expanded .sidebar-toggle svg .left {
   transition-delay: .22s;
 }
 
-.live-view.file-open ~ .live-toggle:hover {
+.live-view.file-open ~ .live-toggle:hover,
+.live-view.visible ~ .live-toggle.popout-hidden:hover {
   width: 97px;
   transition-delay: .22s;
 }
@@ -698,6 +699,10 @@ body.expanded .sidebar-toggle svg .left {
   display: none;
 }
 
+.live-toggle.popout-hidden .popout {
+  display: none;
+}
+
 .sidebar {
   position: fixed;
   top: 0;
@@ -1824,7 +1829,7 @@ body:not(.mobile) .dialog .button:not(:active):hover {
   /* left: calc(((100vw - var( --sidebar-width)) / 2) + var(--sidebar-width)); */
   /* left: calc(var(--sidebar-width) / 2); */
   max-width: 356px;
-  white-space: pre;
+  white-space: pre-wrap;
   overflow-wrap: anywhere;
   transition: 0s .18s, .18s var( --bounce-function) opacity;
 }

full.html

@@ -286,7 +286,6 @@
   <script src="bottomfloat.js"></script>
 
   <script src="live-view/extensions/beautifier.min.js" async></script>
-  <script src="live-view/extensions/module-importer.js"></script>
 
 
   <script>