Various adjustments on checkbox margins

This commit is contained in:
Johannes Zellner
2025-05-07 12:23:05 +02:00
parent b75554ddcb
commit aa16370fc5
3 changed files with 11 additions and 13 deletions
+6 -9
View File
@@ -133,20 +133,17 @@ defineExpose({
<SingleSelect v-model="ownerId" :options="usersAndGroups" option-key="id" option-label="name"/>
</FormGroup>
<Checkbox v-model="active" :label="$t('email.updateMailboxDialog.activeCheckbox')"/><br/>
<Checkbox v-model="active" :label="$t('email.updateMailboxDialog.activeCheckbox')"/>
<Checkbox v-model="enablePop3" :label="$t('email.updateMailboxDialog.enablePop3')"/><br/>
<Checkbox v-model="enablePop3" :label="$t('email.updateMailboxDialog.enablePop3')"/>
<FormGroup>
<div>
<Checkbox v-model="storageQuotaEnabled" :label="$t('email.editMailboxDialog.enableStorageQuota')"/>
<b v-if="storageQuotaEnabled">: {{ prettyDecimalSize(storageQuota) }}</b>
</div>
<input type="range" id="storageQuota" :disabled="!storageQuotaEnabled" v-model="storageQuota" step="500000000" :min="storageQuotaTicks[0]" :max="storageQuotaTicks[storageQuotaTicks.length-1]" list="storageQuotaTicks" />
<Checkbox v-model="storageQuotaEnabled" :label="$t('email.editMailboxDialog.enableStorageQuota') + (storageQuotaEnabled ? ` : ${prettyDecimalSize(storageQuota)}` : '')"/>
<div v-if="storageQuotaEnabled">
<input style="width: 100%;" type="range" id="storageQuota" :disabled="!storageQuotaEnabled" v-model="storageQuota" step="500000000" :min="storageQuotaTicks[0]" :max="storageQuotaTicks[storageQuotaTicks.length-1]" list="storageQuotaTicks" />
<datalist id="storageQuotaTicks">
<option v-for="quota in storageQuotaTicks" :value="quota" :key="quota"></option>
</datalist>
</FormGroup>
</div>
<!-- we only show this on edit for now as it is a separate REST call which may fail after the mailbox was added -->
<FormGroup v-if="mailbox">