Don't persist focus after clicking on CmkTab

alecmkandro · alecmkandro · commit b92c1a39a534 · 2025-07-31T18:16:12.000+02:00
The green border will only show when navigating with the keyboard,
not when clicking with the mouse.

Change-Id: Ia9773358ee53d2a9dbae951d33edfd8488b2c9a8
diff --git a/packages/cmk-frontend-vue/src/components/CmkTabs/CmkTab.vue b/packages/cmk-frontend-vue/src/components/CmkTabs/CmkTab.vue
@@ -45,7 +45,7 @@ defineProps<CmkTabProps>()
     background: var(--ux-theme-2);
   }
 
-  &:focus {
+  &:focus-visible {
     outline: none;
     border: 1px solid var(--success);
   }

Original file line number	Diff line number	Diff line change
`@@ -45,7 +45,7 @@ defineProps<CmkTabProps>()`
`45`	`45`	`background: var(--ux-theme-2);`
`46`	`46`	`}`
`47`	`47`
`48`		`- &:focus {`
	`48`	`+ &:focus-visible {`
`49`	`49`	`outline: none;`
`50`	`50`	`border: 1px solid var(--success);`
`51`	`51`	`}`