fix(task): move task color bubble next to task index and done badge on mobile
continuous-integration/drone/push Build is passing Details

This commit is contained in:
kolaente 2022-12-10 22:28:19 +01:00
parent 9b050846a4
commit 2141171529
Signed by: konrad
GPG Key ID: F40E70337AB24C9B
1 changed files with 9 additions and 7 deletions

View File

@ -1,12 +1,14 @@
<template>
<div class="heading">
<BaseButton @click="copyUrl"><h1 class="title task-id">{{ textIdentifier }}</h1></BaseButton>
<Done class="heading__done" :is-done="task.done"/>
<ColorBubble
v-if="task.hexColor !== ''"
:color="getHexColor(task.hexColor)"
class="mt-1 ml-2"
/>
<div class="flex is-align-items-center">
<BaseButton @click="copyUrl"><h1 class="title task-id">{{ textIdentifier }}</h1></BaseButton>
<Done class="heading__done" :is-done="task.done"/>
<ColorBubble
v-if="task.hexColor !== ''"
:color="getHexColor(task.hexColor)"
class="ml-2"
/>
</div>
<h1
class="title input"
:class="{'disabled': !canWrite}"