From bbb8ea2e545bf7b89c1edc16dbff6c2bd7ad10c6 Mon Sep 17 00:00:00 2001
From: YangFong <yangfong2022@qq.com>
Date: Fri, 23 Aug 2024 13:23:37 +0800
Subject: [PATCH] fix: style of dropdown arrow

---
 src/App.vue                                                  | 5 +----
 .../CodemirrorEditor/EditorHeader/EditDropdown.vue           | 2 +-
 .../CodemirrorEditor/EditorHeader/FileDropdown.vue           | 2 +-
 .../CodemirrorEditor/EditorHeader/StyleDropdown.vue          | 2 +-
 src/components/CodemirrorEditor/EditorHeader/index.vue       | 2 +-
 5 files changed, 5 insertions(+), 8 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index 829793129..27b91420d 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -79,8 +79,5 @@ body,
   position: absolute;
 }
 
-// 参见：https://github.com/element-plus/element-plus/issues/11662
-.el-dropdown-link:focus-visible {
-  outline: unset;
-}
+
 </style>
diff --git a/src/components/CodemirrorEditor/EditorHeader/EditDropdown.vue b/src/components/CodemirrorEditor/EditorHeader/EditDropdown.vue
index 49f0f44c3..2d9641234 100644
--- a/src/components/CodemirrorEditor/EditorHeader/EditDropdown.vue
+++ b/src/components/CodemirrorEditor/EditorHeader/EditDropdown.vue
@@ -18,7 +18,7 @@ const {
 
 <template>
   <DropdownMenu>
-    <DropdownMenuTrigger>
+    <DropdownMenuTrigger class="flex items-center">
       编辑
       <el-icon class="ml-2">
         <ElIconArrowDown />
diff --git a/src/components/CodemirrorEditor/EditorHeader/FileDropdown.vue b/src/components/CodemirrorEditor/EditorHeader/FileDropdown.vue
index e1943158c..bd575fee8 100644
--- a/src/components/CodemirrorEditor/EditorHeader/FileDropdown.vue
+++ b/src/components/CodemirrorEditor/EditorHeader/FileDropdown.vue
@@ -29,7 +29,7 @@ const {
 
 <template>
   <DropdownMenu>
-    <DropdownMenuTrigger>
+    <DropdownMenuTrigger class="flex items-center">
       文件
       <el-icon class="ml-2">
         <ElIconArrowDown />
diff --git a/src/components/CodemirrorEditor/EditorHeader/StyleDropdown.vue b/src/components/CodemirrorEditor/EditorHeader/StyleDropdown.vue
index 4a8e85555..e6540f195 100644
--- a/src/components/CodemirrorEditor/EditorHeader/StyleDropdown.vue
+++ b/src/components/CodemirrorEditor/EditorHeader/StyleDropdown.vue
@@ -68,7 +68,7 @@ function customStyle() {
 
 <template>
   <DropdownMenu>
-    <DropdownMenuTrigger>
+    <DropdownMenuTrigger class="flex items-center">
       样式
       <el-icon class="ml-2">
         <ElIconArrowDown />
diff --git a/src/components/CodemirrorEditor/EditorHeader/index.vue b/src/components/CodemirrorEditor/EditorHeader/index.vue
index 805474477..7fced6a82 100644
--- a/src/components/CodemirrorEditor/EditorHeader/index.vue
+++ b/src/components/CodemirrorEditor/EditorHeader/index.vue
@@ -160,7 +160,7 @@ function copy() {
     <el-space class="dropdowns flex-auto" size="large">
       <FileDropdown />
       <DropdownMenu>
-        <DropdownMenuTrigger>
+        <DropdownMenuTrigger class="flex items-center">
           格式
           <el-icon class="ml-2">
             <ElIconArrowDown />