WorkflowCard: add focus-within css for the rename button

galaxyproject · Dec 12, 2023 · 3e24305 · 3e24305
1 parent e5d341b
commit 3e24305
Showing 1 changed file with 3 additions and 2 deletions.
diff --git a/client/src/components/Workflow/WorkflowCard.vue b/client/src/components/Workflow/WorkflowCard.vue
@@ -233,7 +233,8 @@ async function onTagClick(tag: string) {
         opacity: 0;
     }
 
-    &:hover {
+    &:hover,
+    &:focus-within {
         .workflow-rename {
             opacity: 1;
         }
@@ -252,9 +253,9 @@ async function onTagClick(tag: string) {
 
         .workflow-count-actions {
             display: flex;
+            gap: 0.25rem;
             align-self: baseline;
             align-items: center;
-            gap: 0.5rem;
             flex-direction: row;
         }