fix: style of dropdown arrow (#348)

doocs · Aug 23, 2024 · 43c63f7 · 43c63f7
1 parent 908b244
commit 43c63f7
Show file tree

Hide file tree

Showing 5 changed files with 5 additions and 8 deletions.
diff --git 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
@@ -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
@@ -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
@@ -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
@@ -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 />