diff options
| author | HJ <30-hj@users.noreply.git.pleroma.social> | 2020-07-27 18:42:43 +0000 |
|---|---|---|
| committer | HJ <30-hj@users.noreply.git.pleroma.social> | 2020-07-27 18:42:43 +0000 |
| commit | f293dc39dc613c2016f755a5e645c07da77c2ede (patch) | |
| tree | fc8b982a4007d9d2046908409a4337b0ac8b9166 | |
| parent | bcde14075331521f720610679ddd41650a07d914 (diff) | |
| parent | 0546326b222d0d861e15401768dfad80ec2b9175 (diff) | |
Merge branch 'fix/preview-styles-polish' into 'develop'
polish preview styles a bit
See merge request pleroma/pleroma-fe!1186
| -rw-r--r-- | src/components/post_status_form/post_status_form.vue | 16 |
1 files 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 index 3dcf1f79..7ee9e748 100644 --- 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 { |