Browse Source
Merge pull request #42856 from nextcloud/fix/a11y/42688/menu-items-contrasts-are-not-enough
enh(a11y): improved contrast on user menu
pull/42900/head
Pytal
2 years ago
committed by
GitHub
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
3 changed files with
8 additions and
12 deletions
-
core/src/views/UserMenu.vue
-
dist/core-main.js
-
dist/core-main.js.map
|
|
|
@ -240,11 +240,15 @@ export default { |
|
|
|
&.active:not(:focus-visible) { |
|
|
|
background-color: var(--color-primary-element); |
|
|
|
color: var(--color-primary-element-text); |
|
|
|
|
|
|
|
img, |
|
|
|
svg { |
|
|
|
filter: var(--primary-invert-if-dark); |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
span { |
|
|
|
padding-bottom: 0; |
|
|
|
color: var(--color-main-text); |
|
|
|
white-space: nowrap; |
|
|
|
overflow: hidden; |
|
|
|
text-overflow: ellipsis; |
|
|
|
@ -261,14 +265,6 @@ export default { |
|
|
|
svg { |
|
|
|
filter: var(--background-invert-if-dark); |
|
|
|
} |
|
|
|
|
|
|
|
&:active:not(:focus-visible), |
|
|
|
&.active:not(:focus-visible) { |
|
|
|
img, |
|
|
|
svg { |
|
|
|
filter: var(--primary-invert-if-dark); |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
// Override global button styles |
|
|
|
|
