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

Improve margins and fix Kanban alignment of icons

Browse Source
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"/> <defer-task v-if="+new Date(task.dueDate) > 0 && showDefer" v-model="task"/>
</transition> </transition>
<priority-label :priority="task.priority"/> <priority-label :priority="task.priority"/>
<span class="list-task-icon" v-if="task.attachments.length > 0"> <span>
<icon icon="paperclip"/> <span class="list-task-icon" v-if="task.attachments.length > 0">
</span> <icon icon="paperclip"/>
<span class="list-task-icon" v-if="task.description"> </span>
<icon icon="align-left"/> <span class="list-task-icon" v-if="task.description">
<icon icon="align-left"/>
</span>
</span> </span>
</span> </span>
<router-link <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; padding: 0;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
margin-top: 8px;
.items { .items {
display: flex; display: flex;
@ -122,6 +123,7 @@ $crazy-height-calculation: '100vh - 4.5rem - 1.5rem - 1em - 1.5em - 8px';
.icons-container { .icons-container {
display: flex; display: flex;
align-items: flex-end;
.icon { .icon {
width: 25px; width: 25px;
height: 24px; height: 24px;

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

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