Merge pull request #42664 from nextcloud/backport/stable28/42643/fix/…

…core/42565/focus-for-user-menu-is-not-accessible [stable28] fix(core): enhanced contrast when UserMenuItem is focused
nextcloud · Jan 9, 2024 · 4d0d0ea · 4d0d0ea
2 parents 2ef0940 + 47ccd75
commit 4d0d0ea
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 7 deletions.
diff --git a/core/src/views/UserMenu.vue b/core/src/views/UserMenu.vue
@@ -236,8 +236,8 @@ export default {
 						outline: none !important;
 					}
 
-					&:active,
-					&.active {
+					&:active:not(:focus-visible),
+					&.active:not(:focus-visible) {
 						background-color: var(--color-primary-element);
 						color: var(--color-primary-element-text);
 					}
@@ -262,8 +262,8 @@ export default {
 						filter: var(--background-invert-if-dark);
 					}
 
-					&:active,
-					&.active {
+					&:active:not(:focus-visible),
+					&.active:not(:focus-visible) {
 						img,
 						svg {
 							filter: var(--primary-invert-if-dark);

diff --git a/dist/core-main.js b/dist/core-main.js
diff --git a/dist/core-main.js.map b/dist/core-main.js.map