diff options
author | Julius Härtl <jus@bitgrid.net> | 2019-05-28 18:44:41 +0300 |
---|---|---|
committer | Julius Härtl <jus@bitgrid.net> | 2019-05-28 18:44:41 +0300 |
commit | 1702eaa830d49bc2a28079ffb0ca9a42ff8b34d8 (patch) | |
tree | 0a39052cb46e8c0b4834a87c7fe0be078aebc7b1 /src/components/Editor.vue | |
parent | 4eb9ae2ebd3c24d21b9e146ac804546c96fe6c8b (diff) |
Fix some minor styling issues
Signed-off-by: Julius Härtl <jus@bitgrid.net>
Diffstat (limited to 'src/components/Editor.vue')
-rw-r--r-- | src/components/Editor.vue | 18 |
1 files changed, 12 insertions, 6 deletions
diff --git a/src/components/Editor.vue b/src/components/Editor.vue index eca54d76a..ec553b626 100644 --- a/src/components/Editor.vue +++ b/src/components/Editor.vue @@ -41,21 +41,22 @@ <button class="icon-bold" :class="{ 'is-active': isActive.bold() }" @click="commands.bold"></button> <button class="icon-italic" :class="{ 'is-active': isActive.italic() }" @click="commands.italic"></button> <button class="icon-underline" :class="{ 'is-active': isActive.underline() }" @click="commands.underline"></button> + <button class="icon-code" :class="{ 'is-active': isActive.code() }" @click="commands.code"></button> <button :class="{ 'is-active': isActive.heading({ level: 1 }) }" @click="commands.heading({ level: 1 })">H1</button> <button :class="{ 'is-active': isActive.heading({ level: 2 }) }" @click="commands.heading({ level: 2 })">H2</button> <button :class="{ 'is-active': isActive.heading({ level: 3 }) }" @click="commands.heading({ level: 3 })">H3</button> <Actions> - <ActionButton @click="commands.heading({ level: 4 })">H4</ActionButton> - <ActionButton @click="commands.heading({ level: 5 })">H5</ActionButton> - <ActionButton @click="commands.heading({ level: 6 })">H6</ActionButton> + <ActionButton @click="commands.heading({ level: 4 })">Heading 4</ActionButton> + <ActionButton @click="commands.heading({ level: 5 })">Heading 5</ActionButton> + <ActionButton @click="commands.heading({ level: 6 })">Heading 6</ActionButton> + <ActionButton @click="commands.code_block()">Code block</ActionButton> + <ActionButton @click="commands.blockquote()">Blockquote</ActionButton> </Actions> <button class="icon-ul" :class="{ 'is-active': isActive.bullet_list() }" @click="commands.bullet_list"></button> <button class="icon-ol" :class="{ 'is-active': isActive.ordered_list() }" @click="commands.ordered_list"></button> - <button class="icon-quote" :class="{ 'is-active': isActive.blockquote() }" @click="commands.blockquote"></button> - <button class="icon-code" :class="{ 'is-active': isActive.code() }" @click="commands.code"></button> <button class="icon-image" @click="showImagePrompt(commands.image)"></button> </div> </editor-menu-bar> @@ -407,7 +408,7 @@ export default { showImagePrompt(command) { const _command = command OC.dialogs.filepicker('Insert an image', (file) => { - const src = OC.generateUrl('/core/preview.png?') + `file=${file}&x=1024&y=1024` + const src = OC.generateUrl('/core/preview.png?') + `file=${file}&x=1024&y=1024&a=true` _command({ src }) // TODO: check permissions // TODO: check for available preview @@ -623,6 +624,11 @@ export default { } } + .editor__content { + max-width: 800px; + margin: auto; + } + </style> <style lang="scss"> @import './../../css/style'; |