From 640fcda64052b6bcc3bf4d73a3e0a82965f63561 Mon Sep 17 00:00:00 2001
From: johnniang <johnniang@riseup.net>
Date: Mon, 15 Apr 2019 23:42:57 +0800
Subject: [PATCH] Resolve mavon-editor style bug involving antd style

---
 src/App.vue                 |  3 ++-
 src/core/use.js             |  1 +
 src/style/main.less         |  4 ++++
 src/views/post/PostEdit.vue | 24 ++++--------------------
 4 files changed, 11 insertions(+), 21 deletions(-)
 create mode 100644 src/style/main.less

diff --git a/src/App.vue b/src/App.vue
index ba3a4bca..b8e00d37 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,7 +1,7 @@
 <template>
   <a-locale-provider :locale="locale">
     <div id="app">
-      <router-view />
+      <router-view/>
     </div>
   </a-locale-provider>
 </template>
@@ -38,6 +38,7 @@ export default {
   }
 }
 </script>
+
 <style>
 #app {
   height: 100%;
diff --git a/src/core/use.js b/src/core/use.js
index c4048f1f..c4b34cb8 100644
--- a/src/core/use.js
+++ b/src/core/use.js
@@ -7,6 +7,7 @@ import Antd from 'ant-design-vue'
 import Viser from 'viser-vue'
 import VueCropper from 'vue-cropper'
 import 'ant-design-vue/dist/antd.less'
+import '../style/main.less'
 
 // ext library
 import VueClipboard from 'vue-clipboard2'
diff --git a/src/style/main.less b/src/style/main.less
new file mode 100644
index 00000000..8266f7e0
--- /dev/null
+++ b/src/style/main.less
@@ -0,0 +1,4 @@
+button,
+html [type='button'] {
+  -webkit-appearance: none;
+}
diff --git a/src/views/post/PostEdit.vue b/src/views/post/PostEdit.vue
index fdd4dcb2..3d578189 100644
--- a/src/views/post/PostEdit.vue
+++ b/src/views/post/PostEdit.vue
@@ -15,16 +15,9 @@
           <a-button type="primary" @click="showAttachDrawer">附件库</a-button>
         </a-card>
 
-        <a-card>
-          <div id="editor">
-            <mavon-editor
-              :toolbars="markdownOption"
-              v-model="postToStage.originalContent"
-              :boxShadow="false"
-              :ishljs="true"
-            />
-          </div>
-        </a-card>
+        <div id="editor">
+          <mavon-editor v-model="postToStage.originalContent" :boxShadow="false" :ishljs="true"/>
+        </div>
       </a-col>
 
       <a-col :xl="24" :lg="24" :md="24" :sm="24" :xs="24">
@@ -412,12 +405,8 @@ export default {
   }
 }
 </script>
-<style scoped>
-#editor {
-  margin: auto;
-  width: 100%;
-}
 
+<style scoped>
 .v-note-wrapper {
   z-index: 1000;
 }
@@ -451,11 +440,6 @@ export default {
   cursor: pointer;
 }
 
-.mavonEditor {
-  width: 100%;
-  height: 560px;
-}
-
 .attach-item {
   width: 50%;
   margin: 0 auto;