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

feat: allow for easy reset of a repeating amount

Browse source 
Resolves https://kolaente.dev/vikunja/frontend/issues/2179
This commit is contained in:
kolaente 2022-07-21 15:10:48 +02:00
parent 71c8540c74
commit 9cebf5305a
No known key found for this signature in database
GPG key ID: F40E70337AB24C9B
1 changed files with 19 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

28
src/views/tasks/TaskDetailView.vue
View file

@ -154,9 +154,19 @@
<transition name="flash-background" appear> <transition name="flash-background" appear>
<div class="column" v-if="activeFields.repeatAfter"> <div class="column" v-if="activeFields.repeatAfter">
<!-- Repeat after --> <!-- Repeat after -->
<div class="detail-title"> <div class="is-flex is-justify-content-space-between">
<icon icon="history"/> <div class="detail-title">
{{ $t('task.attributes.repeat') }} <icon icon="history"/>
{{ $t('task.attributes.repeat') }}
</div>
<BaseButton
@click="() => {task.repeatAfter.amount = 0;saveTask()}"
v-if="canWrite"
class="remove">
<span class="icon is-small">
<icon icon="times"></icon>
</span>
</BaseButton>
</div> </div>
<repeat-after <repeat-after
:disabled="!canWrite" :disabled="!canWrite"
@ -770,13 +780,13 @@ $flash-background-duration: 750ms;
.date-input { .date-input {
display: flex; display: flex;
align-items: center; align-items: center;
}
.remove { .remove {
color: var(--danger); color: var(--danger);
vertical-align: middle; vertical-align: middle;
padding-left: .5rem; padding-left: .5rem;
line-height: 1; line-height: 1;
}
} }
:deep(.datepicker) { :deep(.datepicker) {