commit: f293dc39dc613c2016f755a5e645c07da77c2ede
parent bcde14075331521f720610679ddd41650a07d914
Author: HJ <30-hj@users.noreply.git.pleroma.social>
Date: Mon, 27 Jul 2020 18:42:43 +0000
Merge branch 'fix/preview-styles-polish' into 'develop'
polish preview styles a bit
See merge request pleroma/pleroma-fe!1186
Diffstat:
1 file changed, 8 insertions(+), 8 deletions(-)
diff --git a/src/components/post_status_form/post_status_form.vue b/src/components/post_status_form/post_status_form.vue
@@ -79,10 +79,7 @@
@click.stop.prevent="togglePreview"
>
{{ $t('post_status.preview') }}
- <i
- class="icon-down-open"
- :style="{ transform: showPreview ? 'rotate(0deg)' : 'rotate(-90deg)' }"
- />
+ <i :class="showPreview ? 'icon-left-open' : 'icon-right-open'" />
</a>
<i
v-show="previewLoading"
@@ -374,6 +371,7 @@
}
.preview-heading {
+ padding-left: 0.5em;
display: flex;
width: 100%;
@@ -385,14 +383,16 @@
.preview-toggle {
display: flex;
cursor: pointer;
+ user-select: none;
&:hover {
text-decoration: underline;
}
- }
-
- .icon-down-open {
- transition: transform 0.1s;
+ i {
+ margin-left: 0.2em;
+ font-size: 0.8em;
+ transform: rotate(90deg);
+ }
}
.preview-container {