From fbe0f6397c026162ce324c3a188ee2e4c01e054f Mon Sep 17 00:00:00 2001
From: lxsang <xsang.le@gmail.com>
Date: Wed, 9 Dec 2020 11:22:51 +0100
Subject: [PATCH] fix display issues

---
 blog/assets/style.css             |  4 ++++
 blog/views/default/layout.ls      |  1 +
 blog/views/default/post/detail.ls |  4 ++--
 blog/views/default/post/posts.ls  |  2 +-
 doc/assets/style.css              | 16 ++++++++++++++++
 doc/views/default/index/index.ls  |  2 +-
 doc/views/default/layout.ls       |  6 +++++-
 talk/assets/quicktalk.js          |  4 ++--
 8 files changed, 32 insertions(+), 7 deletions(-)

diff --git a/blog/assets/style.css b/blog/assets/style.css
index 6172486..7d34e8f 100644
--- a/blog/assets/style.css
+++ b/blog/assets/style.css
@@ -471,3 +471,7 @@ img {
 afx-hbox.inputbox {
     border-bottom: 1px solid #e5e5e5;
 }
+table.hljs-ln tr {
+    background-color: transparent !important;
+    border:0 !important;
+}
\ No newline at end of file
diff --git a/blog/views/default/layout.ls b/blog/views/default/layout.ls
index e1e626f..6ff8199 100644
--- a/blog/views/default/layout.ls
+++ b/blog/views/default/layout.ls
@@ -21,6 +21,7 @@
         <link rel="stylesheet" type="text/css" href="<?=HTTP_ROOT?>/rst/font-awesome.css" />
         <link rel="stylesheet" type="text/css" href="<?=HTTP_ROOT?>/rst/afx.css" />
         <link rel="stylesheet" type="text/css" href="<?=HTTP_ROOT?>/assets/style.css" />
+        <link rel="stylesheet" type="text/css" href="<?=HTTP_ROOT?>/assets/github-markdown.css" />
 
         <link rel="stylesheet" type="text/css" href="https://chat.iohub.dev/assets/quicktalk.css" />
         <script src="https://chat.iohub.dev/assets/quicktalk.js"> </script>
diff --git a/blog/views/default/post/detail.ls b/blog/views/default/post/detail.ls
index 79ed4e4..1ccde3a 100644
--- a/blog/views/default/post/detail.ls
+++ b/blog/views/default/post/detail.ls
@@ -29,7 +29,7 @@
         <!--div class="g-plusone" data-action="share" data-size="medium" data-href="<?=url?>"></div-->
         <a class="twitter-share-button" href='https://twitter.com/intent/tweet?url=<?=url?>&text=<?=data.title?>'></a>
     </div>
-    <div class = "blogentry">
+    <div class = "blogentry markdown-body">
         <div class = "shortcontent">
             <?lua
                 local r, s = content:find("<hr/?>")
@@ -54,7 +54,7 @@
         end?>
         <h1 class = "commentsec">Comments</h1>
         <div>
-        The comment editor supports <b>Markdown</b> document format. Your email is necessary to notify you of further updates on the discussion. It will be hidden from the public.
+        The comment editor supports <b>Markdown</b> syntax. Your email is necessary to notify you of further updates on the discussion. It will be hidden from the public.
         </div>
         <div id="quick_talk_comment_thread"></div>
     </div>
diff --git a/blog/views/default/post/posts.ls b/blog/views/default/post/posts.ls
index c63ed86..741b92e 100644
--- a/blog/views/default/post/posts.ls
+++ b/blog/views/default/post/posts.ls
@@ -36,7 +36,7 @@
         <!--div class="g-plusone" data-action="share" data-size="medium" data-href="<?=url?>"></div-->
         <a class="twitter-share-button" href='https://twitter.com/intent/tweet?url=<?=url?>&text=<?=data.title?>'></a>
     </div>
-    <div class = "blogentry">
+    <div class = "blogentry markdown-body">
         <div class = "shortcontent">
             <?lua
                 local content = data.rendered:gsub("%%","%%%%")
diff --git a/doc/assets/style.css b/doc/assets/style.css
index 9e7d1b7..729c3be 100644
--- a/doc/assets/style.css
+++ b/doc/assets/style.css
@@ -322,3 +322,19 @@ model-viewer {
     padding-top: 10px;
     padding-bottom: 0px;
 }
+
+h1, h2, h3, h4, h5 { 
+    text-align: left;
+}
+
+div.doc-toc ul li { 
+    text-align: left;
+}
+table.hljs-ln tr, table.hljs-ln td {
+    background-color: transparent !important;
+    border:0 !important;
+}
+
+table.hljs-ln td { 
+    padding: 3px 3px !important;
+}
\ No newline at end of file
diff --git a/doc/views/default/index/index.ls b/doc/views/default/index/index.ls
index 2b83b4f..f335b18 100644
--- a/doc/views/default/index/index.ls
+++ b/doc/views/default/index/index.ls
@@ -98,7 +98,7 @@
 <div class = "commentsec">
 <h3 class = "comment-header">Comments</h1>
 <div>
-The comment editor supports <b>Markdown</b> document format. Your email is necessary to notify you of further updates on the discussion. It will be hidden from the public.
+The comment editor supports <b>Markdown</b> syntax. Your email is necessary to notify you of further updates on the discussion. It will be hidden from the public.
 </div>
 <div id="quick_talk_comment_thread"></div>
 </div>
diff --git a/doc/views/default/layout.ls b/doc/views/default/layout.ls
index 85c81a0..1b3fe42 100644
--- a/doc/views/default/layout.ls
+++ b/doc/views/default/layout.ls
@@ -53,6 +53,10 @@ local url = __main__:get("url")
             rel="stylesheet"
             type="text/css"
             href="<?=HTTP_ROOT?>/assets/style.css" />
+        <link
+            rel="stylesheet"
+            type="text/css"
+            href="<?=HTTP_ROOT?>/assets/github-markdown.css" />
         <link
             rel="stylesheet"
             type="text/css"
@@ -109,7 +113,7 @@ local url = __main__:get("url")
                     ?>
                 </div>
         
-                <div class="doc-content">
+                <div class="doc-content markdown-body">
                     <?lua
                         if __main__ then
                             __main__:render()
diff --git a/talk/assets/quicktalk.js b/talk/assets/quicktalk.js
index e9f3222..1ff9e92 100644
--- a/talk/assets/quicktalk.js
+++ b/talk/assets/quicktalk.js
@@ -18,7 +18,7 @@ class QuickTalk {
                 this.instant_compose.parentNode.removeChild(this.instant_compose);
             }
             this.instant_compose = this.compose(editor, 0, true, (data) => {
-                this.show_comment(container, data, true).scrollIntoView();
+                this.show_comment(container, data, true);//.scrollIntoView();
             });
         });
     }
@@ -196,7 +196,7 @@ class QuickTalk {
         container.appendChild(preview);
         container.appendChild(footer);
         at.appendChild(container);
-        container.scrollIntoView();
+        //container.scrollIntoView();
         return container;
     }
     load_thread(at) {