From 9bcfc8141ace0e1a9e659a62042c277093292892 Mon Sep 17 00:00:00 2001
From: joyqi <magike.net@gmail.com>
Date: Wed, 2 Aug 2017 15:25:33 +0800
Subject: [PATCH] add table style for preview

---
 admin/css/style.css                | 34 ++++++++++++++++++++----------
 admin/scss/components/_editor.scss | 15 +++++++++++++
 2 files changed, 38 insertions(+), 11 deletions(-)

diff --git a/admin/css/style.css b/admin/css/style.css
index cb0b2ca4..50e613e2 100644
--- a/admin/css/style.css
+++ b/admin/css/style.css
@@ -1752,6 +1752,18 @@ a.operate-reply {
     font-size: .85714em;
     text-align: center;
     content: "- more -"; }
+  /* line 150, ../scss/components/_editor.scss */
+  #wmd-preview table {
+    width: 100%; }
+  /* line 154, ../scss/components/_editor.scss */
+  #wmd-preview table th, #wmd-preview table td {
+    border: 1px solid #DDD;
+    padding: 5px 8px;
+    word-break: break-all; }
+  /* line 160, ../scss/components/_editor.scss */
+  #wmd-preview table th {
+    text-align: left;
+    background: #EEE; }
 
 /* 上传面板动画效果 */
 @keyframes fullscreen-upload {
@@ -1775,7 +1787,7 @@ a.operate-reply {
   100% {
     right: -1px; } }
 /* 编辑器全屏 */
-/* line 174, ../scss/components/_editor.scss */
+/* line 189, ../scss/components/_editor.scss */
 .fullscreen #wmd-button-bar, .fullscreen #text, .fullscreen #wmd-preview, .fullscreen .submit {
   position: absolute;
   top: 0;
@@ -1788,20 +1800,20 @@ a.operate-reply {
   -moz-border-radius: 0;
   -webkit-border-radius: 0;
   border-radius: 0; }
-/* line 184, ../scss/components/_editor.scss */
+/* line 199, ../scss/components/_editor.scss */
 .fullscreen #wmd-button-bar {
   left: 0;
   padding: 13px 20px;
   border-bottom: 1px solid #F3F3F0;
   z-index: 1000; }
-/* line 190, ../scss/components/_editor.scss */
+/* line 205, ../scss/components/_editor.scss */
 .fullscreen #text {
   top: 53px;
   left: 0;
   padding: 20px;
   border: none;
   outline: none; }
-/* line 197, ../scss/components/_editor.scss */
+/* line 212, ../scss/components/_editor.scss */
 .fullscreen #wmd-preview {
   top: 53px;
   right: 0;
@@ -1811,21 +1823,21 @@ a.operate-reply {
   border-left: 1px solid #F3F3F0;
   background: #F6F6F3;
   overflow: auto; }
-  /* line 206, ../scss/components/_editor.scss */
+  /* line 221, ../scss/components/_editor.scss */
   .fullscreen #wmd-preview code, .fullscreen #wmd-preview pre {
     background: #F0F0EC; }
-/* line 210, ../scss/components/_editor.scss */
+/* line 225, ../scss/components/_editor.scss */
 .fullscreen .submit {
   right: 0;
   margin: 0;
   padding: 10px 20px;
   border-bottom: 1px solid #F3F3F0; }
-/* line 216, ../scss/components/_editor.scss */
+/* line 231, ../scss/components/_editor.scss */
 .fullscreen #upload-panel {
   -webkit-box-shadow: 0 4px 16px rgba(0, 0, 0, 0.225);
   box-shadow: 0 4px 16px rgba(0, 0, 0, 0.225);
   border-style: solid; }
-/* line 223, ../scss/components/_editor.scss */
+/* line 238, ../scss/components/_editor.scss */
 .fullscreen #tab-files {
   position: absolute;
   top: 52px;
@@ -1836,7 +1848,7 @@ a.operate-reply {
   -moz-animation: fullscreen-upload 0.5s;
   -webkit-animation: fullscreen-upload 0.5s;
   -o-animation: fullscreen-upload 0.5s; }
-/* line 236, ../scss/components/_editor.scss */
+/* line 251, ../scss/components/_editor.scss */
 .fullscreen .wmd-edittab,
 .fullscreen .typecho-post-option,
 .fullscreen .title,
@@ -1845,10 +1857,10 @@ a.operate-reply {
 .fullscreen .typecho-head-nav,
 .fullscreen .message {
   display: none; }
-/* line 243, ../scss/components/_editor.scss */
+/* line 258, ../scss/components/_editor.scss */
 .fullscreen .wmd-hidetab {
   display: block; }
-/* line 244, ../scss/components/_editor.scss */
+/* line 259, ../scss/components/_editor.scss */
 .fullscreen .wmd-visualhide,
 .fullscreen #btn-fullscreen-upload {
   visibility: visible; }
diff --git a/admin/scss/components/_editor.scss b/admin/scss/components/_editor.scss
index 3d2ce29f..ec0f820e 100644
--- a/admin/scss/components/_editor.scss
+++ b/admin/scss/components/_editor.scss
@@ -146,6 +146,21 @@
     text-align: center;
     content: "- more -";
   }
+
+  table {
+    width: 100%;
+  }
+
+  table th, table td {
+    border: 1px solid #DDD;
+    padding: 5px 8px;
+    word-break: break-all;
+  }
+
+  table th {
+    text-align: left;
+    background: #EEE;
+  }
 }
 
 /* 上传面板动画效果 */