Merge branch 'fix/preview-styles-polish' into 'develop'

polish preview styles a bit

See merge request pleroma/pleroma-fe!1186
This commit is contained in:
HJ 2020-07-27 18:42:43 +00:00
commit f293dc39dc

View file

@ -79,10 +79,7 @@
@click.stop.prevent="togglePreview" @click.stop.prevent="togglePreview"
> >
{{ $t('post_status.preview') }} {{ $t('post_status.preview') }}
<i <i :class="showPreview ? 'icon-left-open' : 'icon-right-open'" />
class="icon-down-open"
:style="{ transform: showPreview ? 'rotate(0deg)' : 'rotate(-90deg)' }"
/>
</a> </a>
<i <i
v-show="previewLoading" v-show="previewLoading"
@ -374,6 +371,7 @@
} }
.preview-heading { .preview-heading {
padding-left: 0.5em;
display: flex; display: flex;
width: 100%; width: 100%;
@ -385,14 +383,16 @@
.preview-toggle { .preview-toggle {
display: flex; display: flex;
cursor: pointer; cursor: pointer;
user-select: none;
&:hover { &:hover {
text-decoration: underline; text-decoration: underline;
} }
} i {
margin-left: 0.2em;
.icon-down-open { font-size: 0.8em;
transition: transform 0.1s; transform: rotate(90deg);
}
} }
.preview-container { .preview-container {