mirror of
https://github.com/nextcloud/server.git
synced 2026-06-11 09:42:09 -04:00
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:
parent
0a48a28f60
commit
0b97e4f585
2 changed files with 8 additions and 5 deletions
|
|
@ -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;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -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,
|
||||
|
|
|
|||
Loading…
Reference in a new issue