diff options
| author | syuilo <Syuilotan@yahoo.co.jp> | 2021-07-29 17:10:16 +0900 |
|---|---|---|
| committer | syuilo <Syuilotan@yahoo.co.jp> | 2021-07-29 17:10:16 +0900 |
| commit | 0d276d0d61aadc26d77429ad69b3786a4a0bdd8c (patch) | |
| tree | ed14e465683c9c241e2782a553ac222c3c09f96a /src/client/components | |
| parent | fix style (diff) | |
| download | misskey-0d276d0d61aadc26d77429ad69b3786a4a0bdd8c.tar.gz misskey-0d276d0d61aadc26d77429ad69b3786a4a0bdd8c.tar.bz2 misskey-0d276d0d61aadc26d77429ad69b3786a4a0bdd8c.zip | |
Improve usability
Diffstat (limited to 'src/client/components')
| -rw-r--r-- | src/client/components/drive.vue | 15 |
1 files changed, 12 insertions, 3 deletions
diff --git a/src/client/components/drive.vue b/src/client/components/drive.vue index 16aa9dc1a8..98f7b54828 100644 --- a/src/client/components/drive.vue +++ b/src/client/components/drive.vue @@ -10,6 +10,7 @@ <span class="separator" v-if="folder != null"><i class="fas fa-angle-right"></i></span> <span class="folder current" v-if="folder != null">{{ folder.name }}</span> </div> + <button @click="showMenu" class="menu _button"><i class="fas fa-ellipsis-h"></i></button> </nav> <div class="main" :class="{ uploading: uploadings.length > 0, fetching }" ref="main" @@ -627,8 +628,12 @@ export default defineComponent({ }]; }, - onContextmenu(e) { - os.contextMenu(this.getMenu(), e); + showMenu(ev) { + os.modalMenu(this.getMenu(), ev.currentTarget || ev.target); + }, + + onContextmenu(ev) { + os.contextMenu(this.getMenu(), ev); }, } }); @@ -641,7 +646,7 @@ export default defineComponent({ height: 100%; > nav { - display: block; + display: flex; z-index: 2; width: 100%; padding: 0 8px; @@ -696,6 +701,10 @@ export default defineComponent({ } } } + + > .menu { + margin-left: auto; + } } > .main { |