fix: color list titles so that they are visible on cards with a background
continuous-integration/drone/push Build is failing Details

Resolves #2372
This commit is contained in:
kolaente 2022-09-23 12:10:58 +02:00
parent 2bf9771e28
commit 62ed7c5964
Signed by: konrad
GPG Key ID: F40E70337AB24C9B
1 changed files with 3 additions and 3 deletions

View File

@ -1,8 +1,8 @@
<template> <template>
<router-link <router-link
:class="{ :class="{
'has-light-text': !colorIsDark(list.hexColor), 'has-light-text': !colorIsDark(list.hexColor) || background !== null,
'has-background': blurHashUrl !== '' 'has-background': blurHashUrl !== '' || background !== null,
}" }"
:style="{ :style="{
'background-color': list.hexColor, 'background-color': list.hexColor,
@ -101,7 +101,7 @@ const listStore = useListStore()
overflow: hidden; overflow: hidden;
&.has-light-text .title { &.has-light-text .title {
color: var(--grey-100); color: var(--grey-100) !important;
} }
&.has-background, &.has-background,