fix: color list titles so that they are visible on cards with a background
Resolves #2372
This commit is contained in:
parent
2bf9771e28
commit
62ed7c5964
1 changed files with 3 additions and 3 deletions
|
@ -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,
|
||||||
|
|
Loading…
Reference in a new issue