refactor: remove user tooltip (#14041)

frontend/src/layout/components/Sidebar/index.vue

@@ -32,32 +32,24 @@
             @user-change="currentUser = $event"
         />
         <div class="user-actions" :class="{ 'is-collapsed': isCollapse }">
-            <el-tooltip
+            <button
                 v-if="currentUser"
-                :content="$t('xpack.user.userInfo')"
+                type="button"
-                placement="top"
+                class="user-entry"
-                popper-class="sidebar-user-tooltip"
+                :aria-label="$t('xpack.user.userInfo') + ' ' + currentUser.name"
+                @click="nodeSelectorRef?.openUserInfo()"
             >
-                <button
+                <SvgIcon class="icon" iconName="p-gerenzhongxin1" />
-                    type="button"
+                <span v-if="!isCollapse" class="user-name">{{ currentUser.name }}</span>
-                    class="user-entry"
+            </button>
-                    :aria-label="$t('xpack.user.userInfo') + ' ' + currentUser.name"
+            <button
-                    @click="nodeSelectorRef?.openUserInfo()"
+                type="button"
-                >
+                class="user-entry logout-entry"
-                    <SvgIcon class="icon" iconName="p-gerenzhongxin1" />
+                :aria-label="$t('header.exitSystem')"
-                    <span v-if="!isCollapse" class="user-name">{{ currentUser.name }}</span>
+                @click="nodeSelectorRef?.logout()"
-                </button>
+            >
-            </el-tooltip>
+                <SvgIcon class="icon" iconName="p-tuichudenglu3" />
-            <el-tooltip :content="$t('header.exitSystem')" placement="top" popper-class="sidebar-user-tooltip">
+            </button>
-                <button
-                    type="button"
-                    class="user-entry logout-entry"
-                    :aria-label="$t('header.exitSystem')"
-                    @click="nodeSelectorRef?.logout()"
-                >
-                    <SvgIcon class="icon" iconName="p-tuichudenglu3" />
-                </button>
-            </el-tooltip>
         </div>
     </div>
 </template>
@@ -441,16 +433,3 @@ watch(
     border-left: 1px solid var(--panel-footer-border);
 }
 </style>
-
-<style lang="scss">
-.el-popper.sidebar-user-tooltip {
-    background: var(--el-menu-item-bg-color);
-    color: var(--el-color-primary);
-    border-color: var(--panel-footer-border);
-
-    .el-popper__arrow::before {
-        background: var(--el-menu-item-bg-color);
-        border-color: var(--panel-footer-border);
-    }
-}
-</style>