ami/tl-vikunja
1
0
Fork 0
Code

fix(kanban): ensure text and icon color only depends on the card background, not on the color scheme

Browse Source 
Related https://github.com/go-vikunja/frontend/issues/135#issuecomment-1900701258
This commit is contained in:
kolaente 2024-01-21 00:10:05 +01:00
parent 0fdf1ca027
commit da311fce9e
No known key found for this signature in database
GPG Key ID: F40E70337AB24C9B
1 changed files with 12 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
src/components/tasks/partials/kanban-card.vue
View File

@ -220,6 +220,7 @@ $task-background: var(--white);
align-items: center; align-items: center;
:deep(.tag), :deep(.tag),
:deep(.checklist-summary),
.assignees, .assignees,
.icon, .icon,
.priority-label { .priority-label {
@ -227,6 +228,10 @@ $task-background: var(--white);
margin-right: .25rem; margin-right: .25rem;
} }
:deep(.checklist-summary) {
padding-left: 0;
}
.assignees { .assignees {
display: flex; display: flex;
@ -295,22 +300,27 @@ $task-background: var(--white);
} }
&.has-light-text { &.has-light-text {
--white: hsla(var(--white-h), var(--white-s), var(--white-l), var(--white-a)) !important;
color: var(--white); color: var(--white);
.task-id { .task-id {
color: var(--grey-200); color: hsl(220, 13%, 91%); // grey-200;
} }
.footer .icon, .footer .icon,
.due-date, .due-date,
.priority-label { .priority-label {
background: var(--grey-800); background: hsl(215, 27.9%, 16.9%); // grey-800
} }
.footer { .footer {
.icon svg { .icon svg {
fill: var(--white); fill: var(--white);
} }
:deep(.checklist-summary) {
color: hsl(217.9, 10.6%, 64.9%); // grey-400
}
} }
} }
} }