ahtlon/deck
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1 Wiki Activity

Merge pull request #7239 from nextcloud/backport/7237/stable32

Browse Source 
[stable32] fix: Fix colors from due dates and done
This commit is contained in:
Luka Trovic
2025-09-16 21:39:43 +02:00
committed by GitHub
parent b391fa9edc 824540bf98
commit a2c03cebb5
2 changed files with 6 additions and 42 deletions
Download Patch File Download Diff File Expand all files Collapse all files

36
src/components/cards/CardBadges.vue
View File

@@ -127,42 +127,6 @@ export default {
gap: 3px; gap: 3px;
} }
.badges .icon.due {
background-position: 4px center;
border-radius: var(--border-radius);
padding: 4px;
font-size: 13px;
display: flex;
align-items: center;
opacity: .5;
flex-shrink: 1;
.icon {
background-size: contain;
}
&.overdue {
background-color: var(--color-error);
color: var(--color-primary-element-text);
opacity: .7;
}
&.now {
background-color: var(--color-warning);
opacity: .7;
}
&.next {
background-color: var(--color-background-dark);
opacity: .7;
}
span {
margin-left: 20px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
}
.badge-left, .badge-right { .badge-left, .badge-right {
display: flex; display: flex;
} }

12
src/components/cards/badges/DueDate.vue
View File

@@ -95,16 +95,16 @@ export default {
z-index: 2; z-index: 2;
[data-due-state='Overdue'] & { [data-due-state='Overdue'] & {
color: var(--color-error-text); color: var(--color-element-error, var(--color-error-text));
background-color: rgba(var(--color-error-rgb), .1); background-color: rgba(var(--color-error-rgb), .5);
} }
[data-due-state='Now'] & { [data-due-state='Now'] & {
color: var(--color-warning-text); color: var(--color-element-warning, var(--color-warning-text));
background-color: rgba(var(--color-warning-rgb), .1); background-color: rgba(var(--color-warning-rgb), .5);
} }
[data-due-state='Done'] & { [data-due-state='Done'] & {
color: var(--color-success-text); color: var(--color-element-success, var(--color-success-text));
background-color: rgba(var(--color-success-rgb), .1); background-color: rgba(var(--color-success-rgb), .5);
} }
.due--label { .due--label {