diff --git a/client/js/app.js b/client/js/app.js
index 852b8df5..9f89c73c 100644
--- a/client/js/app.js
+++ b/client/js/app.js
@@ -12,7 +12,7 @@ import { ApolloLink } from 'apollo-link'
import { createApolloFetch } from 'apollo-fetch'
import { BatchHttpLink } from 'apollo-link-batch-http'
import { InMemoryCache } from 'apollo-cache-inmemory'
-import { Vuetify, VApp, VBtn, VIcon, VSpeedDial, VTooltip } from 'vuetify'
+import { Vuetify, VApp, VBtn, VIcon, VList, VMenu, VSpeedDial, VTooltip } from 'vuetify'
import Hammer from 'hammerjs'
import store from './store'
@@ -96,6 +96,8 @@ Vue.use(Vuetify, {
VApp,
VBtn,
VIcon,
+ VList,
+ VMenu,
VSpeedDial,
VTooltip
}
diff --git a/client/js/components/editor-code.vue b/client/js/components/editor-code.vue
index 0051263f..6bbc5546 100644
--- a/client/js/components/editor-code.vue
+++ b/client/js/components/editor-code.vue
@@ -15,10 +15,15 @@
title Strikethrough
use(xlink:href='#fa-strikethrough')
.editor-code-toolbar-group
- .editor-code-toolbar-item.is-dropdown
- svg.icons.is-18(role='img')
- title Heading
- use(xlink:href='#fa-heading')
+ v-menu(offset-y, open-on-hover)
+ .editor-code-toolbar-item.is-dropdown(slot='activator')
+ svg.icons.is-18(role='img')
+ title Heading
+ use(xlink:href='#fa-heading')
+ v-list
+ v-list-tile(v-for='(n, idx) in 6', @click='')
+ v-list-tile-action: v-icon format_size
+ v-list-tile-title Heading {{n}}
.editor-code-toolbar-group
.editor-code-toolbar-item
svg.icons.is-18(role='img')
@@ -33,6 +38,15 @@
svg.icons.is-18(role='img')
title Link
use(xlink:href='#fa-link')
+ .editor-code-toolbar-group
+ .editor-code-toolbar-item
+ svg.icons.is-18(role='img')
+ title Inline Code
+ use(xlink:href='#fa-terminal')
+ .editor-code-toolbar-item
+ svg.icons.is-18(role='img')
+ title Code Block
+ use(xlink:href='#fa-code')
.editor-code-toolbar-group
.editor-code-toolbar-item
svg.icons.is-18(role='img')
diff --git a/client/svg/icons.svg b/client/svg/icons.svg
index 58e7189f..87e473d8 100644
--- a/client/svg/icons.svg
+++ b/client/svg/icons.svg
@@ -478,7 +478,15 @@
- minus
+ Minus
+
+ Terminal
+
+
+
+ Code
+
+