From 0d276d0d61aadc26d77429ad69b3786a4a0bdd8c Mon Sep 17 00:00:00 2001
From: syuilo <Syuilotan@yahoo.co.jp>
Date: Thu, 29 Jul 2021 17:10:16 +0900
Subject: [PATCH] Improve usability
---
src/client/components/drive.vue | 15 ++++++++++++---
1 file 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 {
--
GitLab