fix preview spinner

This commit is contained in:
Henry Jameson 2020-10-29 21:39:11 +02:00
parent 633349ddff
commit 4e1f2aeabc
1 changed files with 10 additions and 6 deletions

View File

@ -85,12 +85,16 @@
{{ $t('post_status.preview') }} {{ $t('post_status.preview') }}
<FAIcon :icon="showPreview ? 'chevron-left' : 'chevron-right'" /> <FAIcon :icon="showPreview ? 'chevron-left' : 'chevron-right'" />
</a> </a>
<FAIcon <div
v-show="previewLoading" v-show="previewLoading"
class="preview-spinner">
<FAIcon
class="fa-old-padding"
spin spin
icon="circle-notch" icon="circle-notch"
/> />
</div> </div>
</div>
<div <div
v-if="showPreview" v-if="showPreview"
class="preview-container" class="preview-container"
@ -383,12 +387,12 @@
} }
.preview-heading { .preview-heading {
padding-left: 0.5em;
display: flex; display: flex;
width: 100%; padding-left: 0.5em;
} }
.preview-toggle { .preview-toggle {
flex: 1;
cursor: pointer; cursor: pointer;
user-select: none; user-select: none;