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 committed by FloatingGhost
parent dad2a8e5bd
commit 6fabf0b4f1
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-if="safeDMEnabled">{{ $t('post_status.direct_warning_to_first_only') }}</span>
<span v-else>{{ $t('post_status.direct_warning_to_all') }}</span> <span v-else>{{ $t('post_status.direct_warning_to_all') }}</span>
</p> </p>
<p <div
v-if="isEdit" v-if="isEdit"
class="visibility-notice" class="visibility-notice edit-warning"
> >
<span>{{ $t('post_status.edit_remote_warning') }}</span> <p>{{ $t('post_status.edit_remote_warning') }}</p>
<br> <p>{{ $t('post_status.edit_unsupported_warning') }}</p>
<span>{{ $t('post_status.edit_unsupported_warning') }}</span> </div>
</p>
<div <div
v-if="!disablePreview" v-if="!disablePreview"
class="preview-heading faint" class="preview-heading faint"
@ -429,6 +428,16 @@
align-items: baseline; align-items: baseline;
} }
.visibility-notice.edit-warning {
> :first-child {
margin-top: 0;
}
> :last-child {
margin-bottom: 0;
}
}
.media-upload-icon, .poll-icon, .emoji-icon { .media-upload-icon, .poll-icon, .emoji-icon {
font-size: 1.85em; font-size: 1.85em;
line-height: 1.1; line-height: 1.1;