vikunja
/
frontend
Archived
6
39
Fork 49
Code Issues 1 Pull Requests 4 Projects Releases 26 Activity

fix(kanban): ensure text and icon color only depends on the card background, not on the color scheme
continuous-integration/drone/push Build is passing Details 

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