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