Adjust design and wording of 'Mandatory questions' and don't show on success

Signed-off-by: Jan-Christoph Borchardt <hey@jancborchardt.net>
This commit is contained in:
Jan-Christoph Borchardt 2020-05-05 23:37:30 +02:00
parent 348aa4642b
commit 810a660d7e
No known key found for this signature in database
GPG key ID: CBD846FC845CBE17
2 changed files with 12 additions and 4 deletions

View file

@ -68,8 +68,8 @@
@keydown="autoSizeDescription"
@keyup="onDescChange" />
<!-- Only visible if at least one question is marked as mandatory-->
<p v-if="mandatoryUsed" class="form-desc">
* {{ t('forms', 'Mandatory fields') }}
<p v-if="mandatoryUsed" class="form-desc info-mandatory">
* {{ t('forms', 'Mandatory questions') }}
</p>
</header>
@ -413,6 +413,10 @@ export default {
padding-bottom: 20px;
resize: none;
}
.info-mandatory {
color: var(--color-text-maxcontrast);
}
}
.empty-content__button {

View file

@ -32,8 +32,8 @@
{{ form.description }}
</p>
<!-- Only visible if at least one question is marked as mandatory-->
<p v-if="mandatoryUsed" class="form-desc">
* {{ t('forms', 'Mandatory fields') }}
<p v-if="mandatoryUsed && !loading && !success" class="form-desc info-mandatory">
* {{ t('forms', 'Mandatory questions') }}
</p>
</header>
@ -205,6 +205,10 @@ export default {
padding-bottom: 20px;
resize: none;
}
.info-mandatory {
color: var(--color-text-maxcontrast);
}
}
form {