优化暗黑样式

package.json

@@ -1,6 +1,6 @@
 {
     "name": "DooTask",
-    "version": "0.12.65",
+    "version": "0.12.66",
     "description": "DooTask is task management system.",
     "scripts": {
         "start": "./cmd dev",

public/js/hash

@@ -1 +1 @@
-59ef1c199f078b0b
+89e4d36b5138de04

resources/assets/js/pages/login.vue

@@ -31,13 +31,13 @@
                 </div>
             </div>
             <div class="login-bottom">
-                <Dropdown trigger="click" placement="top-start">
+                <Dropdown trigger="click" placement="bottom-start">
                     <div class="login-setting">
                         {{$L('设置')}}
                         <i class="taskfont">&#xe689;</i>
                     </div>
                     <DropdownMenu slot="list" class="login-setting-menu">
-                        <Dropdown placement="right-end" @on-click="setTheme">
+                        <Dropdown placement="right-start" transfer @on-click="setTheme">
                             <DropdownItem>
                                 <div class="login-setting-item">
                                     {{$L('主题皮肤')}}
@@ -52,7 +52,7 @@
                                     :selected="themeMode === item.value">{{$L(item.name)}}</DropdownItem>
                             </DropdownMenu>
                         </Dropdown>
-                        <Dropdown placement="right-end" @on-click="setLanguage">
+                        <Dropdown placement="right-start" transfer @on-click="setLanguage">
                             <DropdownItem divided>
                                 <div class="login-setting-item">
                                     {{currentLanguage}}

resources/assets/js/pages/manage.vue

@@ -23,6 +23,7 @@
                         <!--最近打开的任务-->
                         <Dropdown
                             v-if="item.path === 'taskBrowse'"
+                            transfer
                             placement="right-start">
                             <DropdownItem>
                                 <div class="manage-menu-flex">
@@ -46,6 +47,7 @@
                         <!-- 团队管理 -->
                         <Dropdown
                             v-else-if="item.path === 'team'"
+                            transfer
                             placement="right-start">
                             <DropdownItem divided>
                                 <div class="manage-menu-flex">
@@ -69,6 +71,7 @@
                         <Dropdown
                             v-else-if="item.path === 'theme'"
                             placement="right-start"
+                            transfer
                             @on-click="setTheme">
                             <DropdownItem divided>
                                 <div class="manage-menu-flex">
@@ -88,6 +91,7 @@
                         <Dropdown
                             v-else-if="item.path === 'language'"
                             placement="right-start"
+                            transfer
                             @on-click="setLanguage">
                             <DropdownItem divided>
                                 <div class="manage-menu-flex">

resources/assets/js/pages/manage/dashboard.vue

@@ -44,14 +44,14 @@
                                 v-if="item.p_name"
                                 class="priority-color"
                                 :style="{backgroundColor:item.p_color}"></em>
-                            <TaskMenu :ref="`taskMenu_${item.id}`" :task="item">
+                            <TaskMenu :ref="`taskMenu_${column.type}_${item.id}`" :task="item">
                                 <div slot="icon" class="drop-icon" @click.stop="">
                                     <i class="taskfont" v-html="item.complete_at ? '&#xe627;' : '&#xe625;'"></i>
                                 </div>
                             </TaskMenu>
                             <div class="item-title">
                                 <!--工作流状态-->
-                                <span v-if="item.flow_item_name" :class="item.flow_item_status" @click.stop="openMenu(item)">{{item.flow_item_name}}</span>
+                                <span v-if="item.flow_item_name" :class="item.flow_item_status" @click.stop="openMenu(column.type, item)">{{item.flow_item_name}}</span>
                                 <!--是否子任务-->
                                 <span v-if="item.sub_top === true">{{$L('子任务')}}</span>
                                 <!--有多少个子任务-->
@@ -165,8 +165,8 @@ export default {
             this.$store.dispatch("openTask", task)
         },
 
-        openMenu(task) {
-            const el = this.$refs[`taskMenu_${task.id}`];
+        openMenu(type, task) {
+            const el = this.$refs[`taskMenu_${type}_${task.id}`];
             if (el) {
                 el[0].handleClick()
             }

resources/assets/sass/dark.scss

@@ -38,6 +38,16 @@ body.dark-mode-reverse {
         }
     }
 
+    .common-avatar {
+        &.avatar-wrapper {
+            .avatar-box {
+                .avatar-char {
+                    color: #000000;
+                }
+            }
+        }
+    }
+
     .drawer-overlay {
         background: rgba(230, 230, 230, 0.6);
         .overlay-body {
@@ -139,6 +149,20 @@ body.dark-mode-reverse {
     }
 
     .dialog-wrapper {
+        .dialog-nav {
+            .dialog-avatar {
+                .icon-avatar {
+                    color: #1c1917;
+                }
+            }
+            .dialog-title {
+                .main-title {
+                    > h2 {
+                        color: #555;
+                    }
+                }
+            }
+        }
         .dialog-scroller {
             .dialog-list {
                 > ul {