Markdown Editor fix (#296)

front/client/App.vue

@@ -57,6 +57,10 @@ code {
   font-weight: 500;
   box-shadow: none;
 }
+code:after,
+code:before {
+  content: "";
+}
 pre code {
   background-color: #f5f5f5;
   color: #bd4147;
@@ -113,4 +117,12 @@ td.sourceCode {
 .v-input--has-state.error--text .v-label {
   animation: none;
 }
+blockquote {
+  background: rgba(10, 10, 10, 0.075);
+  border-left: 5px solid rgba(10, 10, 10, 0.15);
+  padding: 1px 1em;
+  margin-left: 0;
+  margin-right: 0;
+  border-radius: 5px;
+}
 </style>

front/client/components/CategoryItem.vue

@@ -178,7 +178,6 @@ export default class CategoryItem extends Vue {
 
 .category-item-body >>> p {
   font-size: 16px;
-  margin: 0 0 10px;
 }
 
 .category-item-body >>> li {

front/client/components/MarkdownEditor.vue

@@ -108,8 +108,6 @@ export default class MarkdownEditor extends Vue {
           'image',
           'horizontal-rule',
           '|',
-          'clean-block',
-          '|',
           'preview',
           'side-by-side',
           'fullscreen',
@@ -120,9 +118,15 @@ export default class MarkdownEditor extends Vue {
             },
             className: 'fa fa-question-circle',
             title: 'Markdown Guide',
-          }
+          },
         ]
-        : false
+        : false,
+      renderingConfig: {
+        markedOptions: {
+          gfm: false
+        }
+      },
+      indentWithTabs: false
     })
     this.editor.codemirror.on('change', () => {
       this.$emit('input', this.editor.value())