diff options
| author | syuilo <syuilotan@yahoo.co.jp> | 2019-05-03 08:27:46 +0900 |
|---|---|---|
| committer | syuilo <syuilotan@yahoo.co.jp> | 2019-05-03 08:27:46 +0900 |
| commit | 5553c3fb179b32550fb5e202b009c58fbb4ad8ac (patch) | |
| tree | 286e74a0e8889392390b439199c83d12cd387d73 | |
| parent | Merge branch 'develop' of https://github.com/syuilo/misskey into develop (diff) | |
| download | sharkey-5553c3fb179b32550fb5e202b009c58fbb4ad8ac.tar.gz sharkey-5553c3fb179b32550fb5e202b009c58fbb4ad8ac.tar.bz2 sharkey-5553c3fb179b32550fb5e202b009c58fbb4ad8ac.zip | |
Improve usability
| -rw-r--r-- | src/client/app/common/views/components/page-editor/page-editor.container.vue | 15 |
1 files changed, 9 insertions, 6 deletions
diff --git a/src/client/app/common/views/components/page-editor/page-editor.container.vue b/src/client/app/common/views/components/page-editor/page-editor.container.vue index 4127cd39e0..a3a501afb4 100644 --- a/src/client/app/common/views/components/page-editor/page-editor.container.vue +++ b/src/client/app/common/views/components/page-editor/page-editor.container.vue @@ -1,12 +1,15 @@ <template> -<div class="cpjygsrt" :class="{ error: error != null, warn: warn != null, draggable }"> - <header class="drag-handle"> +<div class="cpjygsrt" :class="{ error: error != null, warn: warn != null }"> + <header> <div class="title"><slot name="header"></slot></div> <div class="buttons"> <slot name="func"></slot> <button v-if="removable" @click="remove()"> <fa :icon="faTrashAlt"/> </button> + <button v-if="draggable" class="drag-handle"> + <fa :icon="faBars"/> + </button> <button @click="toggleContent(!showBody)"> <template v-if="showBody"><fa icon="angle-up"/></template> <template v-else><fa icon="angle-down"/></template> @@ -23,6 +26,7 @@ <script lang="ts"> import Vue from 'vue'; +import { faBars } from '@fortawesome/free-solid-svg-icons'; import { faTrashAlt } from '@fortawesome/free-regular-svg-icons'; import i18n from '../../../../i18n'; @@ -54,7 +58,7 @@ export default Vue.extend({ data() { return { showBody: this.expanded, - faTrashAlt + faTrashAlt, faBars }; }, methods: { @@ -124,9 +128,8 @@ export default Vue.extend({ &:active color var(--faceTextButtonActive) - &.draggable - > header - cursor move + .drag-handle + cursor move > .warn color #b19e49 |