Use <p> elements instead of <br> for notice on edit status form

This commit is contained in:
Sean King 2022-06-21 18:00:24 -06:00
parent f56298adbd
commit 08c9aa4bf3
No known key found for this signature in database
GPG Key ID: 510C52BACD6E7257
1 changed files with 15 additions and 6 deletions

View File

@ -66,14 +66,13 @@
<span v-if="safeDMEnabled">{{ $t('post_status.direct_warning_to_first_only') }}</span>
<span v-else>{{ $t('post_status.direct_warning_to_all') }}</span>
</p>
<p
<div
v-if="isEdit"
class="visibility-notice"
class="visibility-notice edit-warning"
>
<span>{{ $t('post_status.edit_remote_warning') }}</span>
<br>
<span>{{ $t('post_status.edit_unsupported_warning') }}</span>
</p>
<p>{{ $t('post_status.edit_remote_warning') }}</p>
<p>{{ $t('post_status.edit_unsupported_warning') }}</p>
</div>
<div
v-if="!disablePreview"
class="preview-heading faint"
@ -419,6 +418,16 @@
align-items: baseline;
}
.visibility-notice.edit-warning {
> :first-child {
margin-top: 0;
}
> :last-child {
margin-bottom: 0;
}
}
.media-upload-icon, .poll-icon, .emoji-icon {
font-size: 1.85em;
line-height: 1.1;