feat: allow for easy reset of a repeating amount

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

View file

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