fix(core): app menu launcher tile icon, dark mode, and hyphenation

-e
Signed-off-by: Peter Ringelmann <peter.ringelmann@nextcloud.com>
This commit is contained in:
Peter Ringelmann 2026-05-08 12:03:02 +02:00 committed by Peter R.
parent 0a48a28f60
commit 0b97e4f585
2 changed files with 8 additions and 5 deletions

View file

@ -149,6 +149,9 @@ const unreadLabel = computed(() => {
line-height: 1.3;
text-align: center;
color: var(--color-main-text);
// Needs a matching <html lang> 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;
}
}

View file

@ -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,