Unify card badges

Signed-off-by: Julius Härtl <jus@bitgrid.net>
This commit is contained in:
Julius Härtl
2019-09-05 22:47:34 +02:00
parent 695042cdd0
commit d4c744b084

View File

@@ -24,7 +24,7 @@ cardbadges
<template> <template>
<div class="badges"> <div class="badges">
<div v-if="card.description" class="card-comments icon icon-filetype-text" /> <div v-if="card.description" class="card-comments icon icon-edit" />
<div v-if="card.duedate" :class="dueIcon"> <div v-if="card.duedate" :class="dueIcon">
<span>{{ dueTime }}</span> <span>{{ dueTime }}</span>
@@ -145,7 +145,7 @@ export default {
font-size: 90%; font-size: 90%;
display: flex; display: flex;
align-items: center; align-items: center;
opacity: .7; opacity: .5;
.icon { .icon {
background-size: contain; background-size: contain;
@@ -154,12 +154,15 @@ export default {
&.overdue { &.overdue {
background-color: var(--color-error); background-color: var(--color-error);
color: var(--color-primary-text); color: var(--color-primary-text);
opacity: .7;
} }
&.now { &.now {
background-color: var(--color-warning); background-color: var(--color-warning);
opacity: .7;
} }
&.next { &.next {
background-color: var(--color-warning-light); background-color: var(--color-warning-light);
opacity: .7;
} }
span { span {