profi248
/
frontend
forked from vikunja/frontend
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Improve margins and fix Kanban alignment of icons

This commit is contained in:
profi248 2020-12-30 19:42:05 +01:00 committed by David Košťál
parent e201560d58
commit 2b74db3bdf
3 changed files with 15 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/components/tasks/partials/singleTaskInList.vue
View File

@ -47,11 +47,13 @@
<defer-task v-if="+new Date(task.dueDate) > 0 && showDefer" v-model="task"/>
</transition>
<priority-label :priority="task.priority"/>
<span class="list-task-icon" v-if="task.attachments.length > 0">
<icon icon="paperclip"/>
</span>
<span class="list-task-icon" v-if="task.description">
<icon icon="align-left"/>
<span>
<span class="list-task-icon" v-if="task.attachments.length > 0">
<icon icon="paperclip"/>
</span>
<span class="list-task-icon" v-if="task.description">
<icon icon="align-left"/>
</span>
</span>
</span>
<router-link

2
src/styles/components/kanban.scss
View File

@ -97,6 +97,7 @@ $crazy-height-calculation: '100vh - 4.5rem - 1.5rem - 1em - 1.5em - 8px';
padding: 0;
display: flex;
justify-content: space-between;
margin-top: 8px;
.items {
display: flex;
@ -122,6 +123,7 @@ $crazy-height-calculation: '100vh - 4.5rem - 1.5rem - 1em - 1.5em - 8px';
.icons-container {
display: flex;
align-items: flex-end;
.icon {
width: 25px;
height: 24px;

7
src/styles/components/tasks.scss
View File

@ -71,7 +71,12 @@
}
.list-task-icon {
margin-left: 4px;
margin-left: 6px;
&:not(:first-of-type) {
margin-left: 8px;
}
}
a {