local-it/vikunja-frontend
0
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

Fix label spacing

Browse source
This commit is contained in:
kolaente 2021-01-17 10:55:04 +01:00
parent 20a82ee8ae
commit 6ef4a36bbc
No known key found for this signature in database
GPG key ID: F40E70337AB24C9B
2 changed files with 4 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
src/components/tasks/partials/editLabels.vue
View file

@ -15,7 +15,7 @@
<template v-slot:tag="props"> <template v-slot:tag="props">
<span <span
:style="{'background': props.item.hexColor, 'color': props.item.textColor}" :style="{'background': props.item.hexColor, 'color': props.item.textColor}"
class="tag ml-2 mt-2"> class="tag">
<span>{{ props.item.title }}</span> <span>{{ props.item.title }}</span>
<a @click="removeLabel(props.item)" class="delete is-small"></a> <a @click="removeLabel(props.item)" class="delete is-small"></a>
</span> </span>
@ -23,13 +23,13 @@
<template v-slot:searchResult="props"> <template v-slot:searchResult="props">
<span <span
v-if="typeof props.option === 'string'" v-if="typeof props.option === 'string'"
class="tag ml-2"> class="tag">
<span>{{ props.option }}</span> <span>{{ props.option }}</span>
</span> </span>
<span <span
v-else v-else
:style="{'background': props.option.hexColor, 'color': props.option.textColor}" :style="{'background': props.option.hexColor, 'color': props.option.textColor}"
class="tag ml-2"> class="tag">
<span>{{ props.option.title }}</span> <span>{{ props.option.title }}</span>
</span> </span>
</template> </template>

2
src/styles/components/labels.scss
View file

@ -4,7 +4,7 @@
} }
.tag { .tag {
margin: 0.5em; margin: .5rem 0 .5rem .5rem;
background: darken($background, 5); background: darken($background, 5);
&.disabled { &.disabled {