Merge pull request #2586 from nextcloud/action-button-vue-class

Author: skjnldsv

src/components/Actions/Actions.vue

@@ -177,7 +177,7 @@ export default {
 			<template #trigger>
 				<button ref="menuButton"
 					:disabled="disabled"
-					class="icon action-item__menutoggle"
+					class="icon vue-button action-item__menutoggle"
 					:class="{
 						[defaultIcon]: !iconSlotIsPopulated,
 						'action-item__menutoggle--with-title': menuTitle,

src/components/Button/Button.vue

@@ -499,7 +499,7 @@ export default {
 	// We use box-shadow around our buttons instead of an outline, so that the added "border"
 	// coincides with the border of the element. It's not possible to add a border-radius to
 	// the outline
-	&--tabbed {
+	&--tabbed, &:focus-visible {
 		box-shadow: 0 0 0 2px var(--color-main-text);
 		background-color: var(--color-primary-light-hover);
 		&.button-vue--vue-primary {