From 0b97e4f5857f1b175502aa7ee35ea312561f2122 Mon Sep 17 00:00:00 2001 From: Peter Ringelmann Date: Fri, 8 May 2026 12:03:02 +0200 Subject: [PATCH] fix(core): app menu launcher tile icon, dark mode, and hyphenation -e Signed-off-by: Peter Ringelmann --- core/src/components/AppItem.vue | 7 +++++-- core/src/components/AppMenu.vue | 6 +++--- 2 files changed, 8 insertions(+), 5 deletions(-) diff --git a/core/src/components/AppItem.vue b/core/src/components/AppItem.vue index b4237f11c87..8fd2ee268eb 100644 --- a/core/src/components/AppItem.vue +++ b/core/src/components/AppItem.vue @@ -149,6 +149,9 @@ const unreadLabel = computed(() => { line-height: 1.3; text-align: center; color: var(--color-main-text); + // Needs a matching to actually break with a hyphen. + -webkit-hyphens: auto; + hyphens: auto; word-break: normal; overflow-wrap: break-word; max-width: 100%; @@ -159,7 +162,7 @@ const unreadLabel = computed(() => { font-weight: bold; } - // Outlined variant: no fill or gradient; icon color is unforced. + // Outlined variant: no fill or gradient. &--outlined &__circle { background: transparent; background-image: none; @@ -167,7 +170,7 @@ const unreadLabel = computed(() => { } &--outlined &__icon { - filter: brightness(0); + filter: var(--background-invert-if-dark); mask: none; } } diff --git a/core/src/components/AppMenu.vue b/core/src/components/AppMenu.vue index 02abc8edb03..09e63b9982b 100644 --- a/core/src/components/AppMenu.vue +++ b/core/src/components/AppMenu.vue @@ -74,7 +74,7 @@ import { getCurrentUser } from '@nextcloud/auth' import { subscribe, unsubscribe } from '@nextcloud/event-bus' import { loadState } from '@nextcloud/initial-state' import { isRTL, n, t } from '@nextcloud/l10n' -import { generateFilePath, generateUrl } from '@nextcloud/router' +import { generateUrl, imagePath } from '@nextcloud/router' import { defineComponent, ref } from 'vue' import NcButton from '@nextcloud/vue/components/NcButton' import NcPopover from '@nextcloud/vue/components/NcPopover' @@ -120,7 +120,7 @@ export default defineComponent({ active: false, order: Number.MAX_SAFE_INTEGER, href: generateUrl('/settings/apps'), - icon: generateFilePath('settings', 'img', 'settings_apps.svg'), + icon: imagePath('core', 'actions/add.svg'), type: 'link', name: t('core', 'More apps'), unread: 0, @@ -131,7 +131,7 @@ export default defineComponent({ active: false, order: Number.MAX_SAFE_INTEGER, href: 'https://apps.nextcloud.com/', - icon: generateFilePath('settings', 'img', 'apps.svg'), + icon: imagePath('core', 'actions/add.svg'), type: 'link', name: t('core', 'App store'), unread: 0,