diff --git a/src/client/app/desktop/views/components/post-form.vue b/src/client/app/desktop/views/components/post-form.vue index 2bdefe94a2..4b86180289 100644 --- a/src/client/app/desktop/views/components/post-form.vue +++ b/src/client/app/desktop/views/components/post-form.vue @@ -24,17 +24,17 @@ +
+ +
+
+ +
+
+

{{ 4 - files.length }}/4

+
+ -
- -
-
- -
-
-

{{ 4 - files.length }}/4

-
- @@ -541,14 +541,14 @@ export default Vue.extend({ min-height 84px &:hover - & + * & + * + * + & + * + * + * border-color var(--primaryAlpha02) transition border-color .1s ease &:focus - & + * & + * + * + & + * + * + * border-color var(--primaryAlpha05) transition border-color 0s ease @@ -559,6 +559,66 @@ export default Vue.extend({ border-bottom solid 1px var(--primaryAlpha01) !important border-radius 4px 4px 0 0 + > .files + margin 0 + padding 0 + background var(--desktopPostFormTextareaBg) + border solid 1px var(--primaryAlpha01) + border-top none + border-radius 0 0 4px 4px + transition border-color .3s ease + + &.with + border-bottom solid 1px var(--primaryAlpha01) !important + border-radius 0 + + > .remain + display block + position absolute + top 8px + right 8px + margin 0 + padding 0 + color var(--primaryAlpha04) + + > div + padding 4px + + &:after + content "" + display block + clear both + + > div + float left + border solid 4px transparent + cursor move + + &:hover > .remove + display block + + > .img + width 64px + height 64px + background-size cover + background-position center center + + > .remove + display none + position absolute + top -6px + right -6px + width 16px + height 16px + cursor pointer + + > .mk-poll-editor + background var(--desktopPostFormTextareaBg) + border solid 1px var(--primaryAlpha01) + border-top none + border-radius 0 0 4px 4px + transition border-color .3s ease + > .visibleUsers margin-bottom 8px font-size 14px @@ -580,66 +640,6 @@ export default Vue.extend({ margin-right 8px white-space nowrap - > .files - margin 0 - padding 0 - background var(--desktopPostFormTextareaBg) - border solid 1px var(--primaryAlpha01) - border-top none - border-radius 0 0 4px 4px - transition border-color .3s ease - - &.with - border-bottom solid 1px var(--primaryAlpha01) !important - border-radius 0 - - > .remain - display block - position absolute - top 8px - right 8px - margin 0 - padding 0 - color var(--primaryAlpha04) - - > div - padding 4px - - &:after - content "" - display block - clear both - - > div - float left - border solid 4px transparent - cursor move - - &:hover > .remove - display block - - > .img - width 64px - height 64px - background-size cover - background-position center center - - > .remove - display none - position absolute - top -6px - right -6px - width 16px - height 16px - cursor pointer - - > .mk-poll-editor - background var(--desktopPostFormTextareaBg) - border solid 1px var(--primaryAlpha01) - border-top none - border-radius 0 0 4px 4px - transition border-color .3s ease - > .mk-uploader margin 8px 0 0 0 padding 8px