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

Fix card styling

Browse Source 
Signed-off-by: Julius Härtl <jus@bitgrid.net>
This commit is contained in:
Julius Härtl
2019-04-26 15:35:06 +02:00
parent e654fa0b4c
commit f51d0b6716
4 changed files with 95 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -22,19 +22,14 @@
<template>
<div class="badges">
<div v-if="true" class="icon icon-description" title="" />
<div v-if="true" class="due icon icon-calendar-dark">
<div v-if="true" class="card-files icon icon-files-dark" />
<div v-if="true" class="card-comments icon icon-comment" />
<div v-if="true" :class="{'icon-calendar': true, 'icon-calendar-dark': false}" class="due icon now">
<span>Now</span>
</div>
<div v-if="true" class="card-tasks icon icon-checkmark">
<span>0/0</span>
</div>
<div v-if="true" class="card-files icon icon-files-dark">
<span>1</span>
</div>
<div v-if="true" class="card-comments icon icon-comment">
<span>1</span>
</div>
<div v-if="true" class="card-assigned-users">
<avatar user="admin" />
</div>
@@ -74,11 +69,42 @@ export default {
}
.card-assigned-users {
flex-grow: 1;
padding: 6px 0px;
padding: 6px 0;
margin-right: -5px;
.avatardiv {
float: right;
}
}
}
.badges .icon.due {
background-position: 4px center;
border-radius: 3px;
margin: 10px 0;
margin-right: 3px;
padding: 4px;
font-size: 90%;
display: flex;
align-items: center;
opacity: .7;
.icon {
background-size: contain;
}
&.overdue {
background-color: var(--color-error);
color: var(--color-primary-text);
}
&.now {
background-color: var(--color-warning);
}
&.next {
background-color: var(--color-warning-light);
}
span {
margin-left: 20px;
}
}
</style>