logo

pleroma-fe

My custom branche(s) on git.pleroma.social/pleroma/pleroma-fe
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:

Msrc/components/post_status_form/post_status_form.vue16++++++++--------
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 {