diff options
| author | Pytal <24800714+Pytal@users.noreply.github.com> | 2023-12-14 11:58:34 -0800 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2023-12-14 11:58:34 -0800 |
| commit | cd32db63f7acba753888c8f5b60a30d1d10035e1 (patch) | |
| tree | 7716dec68b27d07bde42155515cd8ff5e6402b10 /apps | |
| parent | 5d7b6f19f1cdb5989d8664caed9861a614dd1f3e (diff) | |
| parent | 016afb72a0884d1ffbca4af8962b80918eb4e7a9 (diff) | |
| download | nextcloud-server-cd32db63f7acba753888c8f5b60a30d1d10035e1.tar.gz nextcloud-server-cd32db63f7acba753888c8f5b60a30d1d10035e1.zip | |
Merge pull request #42283 from nextcloud/fix/maxcontrast-blur
fix: Ensure correct max contrast color is used when blurred background is used
Diffstat (limited to 'apps')
| -rw-r--r-- | apps/dashboard/src/DashboardApp.vue | 6 | ||||
| -rw-r--r-- | apps/user_status/src/UserStatus.vue | 3 |
2 files changed, 9 insertions, 0 deletions
diff --git a/apps/dashboard/src/DashboardApp.vue b/apps/dashboard/src/DashboardApp.vue index 21c6088f36f..33a2e90cc50 100644 --- a/apps/dashboard/src/DashboardApp.vue +++ b/apps/dashboard/src/DashboardApp.vue @@ -485,6 +485,9 @@ export default { } .panel, .panels > div { + // Ensure the maxcontrast color is set for the background + --color-text-maxcontrast: var(--color-text-maxcontrast-background-blur, var(--color-main-text)); + width: 320px; max-width: 100%; margin: 16px; @@ -591,6 +594,9 @@ export default { .edit-panels, .statuses ::v-deep .action-item .action-item__menutoggle, .statuses ::v-deep .action-item.action-item--open .action-item__menutoggle { + // Ensure the maxcontrast color is set for the background + --color-text-maxcontrast: var(--color-text-maxcontrast-background-blur, var(--color-main-text)); + background-color: var(--color-main-background-blur); -webkit-backdrop-filter: var(--filter-background-blur); backdrop-filter: var(--filter-background-blur); diff --git a/apps/user_status/src/UserStatus.vue b/apps/user_status/src/UserStatus.vue index 77a8b6c3bc9..2ec5e05acd4 100644 --- a/apps/user_status/src/UserStatus.vue +++ b/apps/user_status/src/UserStatus.vue @@ -176,6 +176,9 @@ export default { <style lang="scss" scoped> .user-status-menu-item { + // Ensure the maxcontrast color is set for the background + --color-text-maxcontrast: var(--color-text-maxcontrast-background-blur, var(--color-main-text)); + width: auto; min-width: 44px; height: 44px; |