bug: 模板列表-模板的删除按钮会被遮挡 #11056

# Reviewed, transaction id: 22867
TencentBlueKing · Nov 5, 2024 · 7ceafa0 · 7ceafa0
1 parent 881f2c7
commit 7ceafa0
Showing 1 changed file with 14 additions and 12 deletions.
diff --git a/src/frontend/devops-pipeline/src/components/template/extMenu.vue b/src/frontend/devops-pipeline/src/components/template/extMenu.vue
@@ -96,6 +96,19 @@
     .template-ext-menu {
         height: 40px;
         display: flex;
+        .dot-menu-trigger {
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            text-align: center;
+            font-size: 22px;
+            cursor: pointer;
+            border-radius: 50%;
+            &:hover {
+                background: rgba(0, 0, 0, 0) !important;
+                color: $primaryColor;
+            }
+        }
     }
 
     .ext-dot {
@@ -135,18 +148,7 @@
     .tippy-tooltip.dot-menu-theme {
         padding: 0 !important;
     }
-    .dot-menu-trigger {
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        text-align: center;
-        font-size: 22px;
-        cursor: pointer;
-        border-radius: 50%;
-        &:hover {
-            color: $primaryColor;
-        }
-    }
+    
     .show-more {
         position: relative;
         padding-right: 20px;