fix: removed jquery explicit includes

client/js/app.js

@@ -1,8 +1,8 @@
 'use strict'
 
+/* global $ */
 /* eslint-disable no-new */
 
-import $ from 'jquery'
 import Vue from 'vue'
 import VueResource from 'vue-resource'
 import VueClipboards from 'vue-clipboards'

client/js/components/editor.component.js

@@ -1,6 +1,6 @@
 'use strict'
 
-import $ from 'jquery'
+/* global $ */
 
 let mde
 

client/js/components/search.vue

@@ -18,8 +18,6 @@
 </template>
 
 <script>
-  import * as $ from 'jquery'
-
   export default {
     data () {
       return {

client/js/login.js

@@ -1,6 +1,6 @@
 'use strict'
 
-import $ from 'jquery'
+/* global $ */
 
 $(() => {
   $('#login-user').focus()

client/js/pages/content-view.component.js

@@ -1,7 +1,8 @@
 'use strict'
 
+/* global $ */
+
 import MathJax from 'mathjax'
-import $ from 'jquery'
 
 export default {
   name: 'content-view',

client/scss/app.scss

@@ -32,7 +32,7 @@
 @import 'node_modules/highlight.js/styles/atom-one-dark';
 @import 'node_modules/simplemde/dist/simplemde.min';
 
-@import 'components/_editor';
+@import 'components/editor';
 
 @import 'layout/_header';
 @import 'layout/_loader';

client/scss/components/editor.scss

@@ -367,3 +367,18 @@ #source-display, #codeblock-editor {
 	bottom: 0;
 	right: 0;
 }
+
+.editor-sd {
+  max-width: 250px;
+  flex: 0 1 250px;
+  background-color: mc('blue-grey', '100');
+
+  &-item {
+    background-color: mc('blue-grey', '50');
+
+    &:first-child {
+      margin-top: 60px;
+    }
+  }
+
+}

package.json

@@ -139,7 +139,7 @@
     "eslint-plugin-node": "^5.0.0",
     "eslint-plugin-promise": "^3.5.0",
     "eslint-plugin-standard": "^3.0.1",
-    "fuse-box": "2.1.0-beta.10",
+    "fuse-box": "^2.0.2",
     "i18next-xhr-backend": "^1.4.2",
     "jest": "^20.0.4",
     "jquery": "^3.2.1",

server/views/pages/edit.pug

@@ -15,8 +15,12 @@ block rootNavRight
 
 block content
   editor(inline-template, current-path=pageData.meta.path, v-cloak)
-    .editor-area
-      textarea(ref='editorTextArea', v-pre)= pageData.markdown
+    .columns.is-gapless
+      .column.editor-area
+        textarea(ref='editorTextArea', v-pre)= pageData.markdown
+      .column.editor-sd
+        .editor-sd-item Images
+        .editor-sd-item Files
 
   editor-file
   editor-video