fix: upload preview css

components/ui/Chat/Scroll/Scroll.less

@@ -18,6 +18,7 @@
   flex-direction: column-reverse;
   overflow-y: auto;
   overflow-x: hidden;
+  height: 100%;
 
   /* Custom Scroll for Firefox */
   scrollbar-color: @primary-color transparent;
@@ -52,7 +53,7 @@
   margin-left: @normal-spacing;
   border-radius: 0 0 @corner-rounding @corner-rounding;
   z-index: @base-z-index + 11;
-  padding: (@light-spacing / 2 ) @light-spacing;
+  padding: (@light-spacing / 2) @light-spacing;
   span {
     float: right;
   }

components/views/chat/chatbar/Chatbar.html

@@ -3,6 +3,7 @@
   ref="chatbar"
   :class="ui.replyChatbarContent.id ? 'has-reply' : ''"
 >
+  <ChatbarReply v-if="recipient" />
   <div
     class="chatbar-wrap"
     :class="{'is-error': charlimit, 'inactive': !recipient, 'top-corners-sharp': showFilePreview || ui.replyChatbarContent.id || commandPreview}"

components/views/chat/chatbar/Chatbar.less

@@ -44,8 +44,6 @@
     order: 1;
     align-self: flex-start;
     font-size: @icon-size;
-    position: sticky;
-    top: 0;
   }
 
   .chatbar-wrap {
@@ -117,8 +115,6 @@
       width: 150px;
       order: 3;
       align-self: flex-start;
-      position: sticky;
-      top: 0;
       padding-top: 11px;
     }
 

components/views/chat/chatbar/commands/preview/Preview.less

@@ -10,9 +10,9 @@
   &:extend(.blur);
   z-index: @base-z-index;
   transition: width @animation-speed;
-  
+
   &.with-sidebar {
-    width: calc( 100% - (@sidebar-size + @servers-size + @normal-spacing * 2) );
+    width: calc(100% - (@sidebar-size + @servers-size + @normal-spacing * 2));
   }
 
   #commands {
@@ -32,7 +32,7 @@
     font-family: @primary-font;
     text-transform: lowercase;
     padding: 0 @light-spacing;
-    background: @semitransparent-dark-gradient
+    background: @semitransparent-dark-gradient;
   }
 
   .red {
@@ -43,7 +43,8 @@
     background: @green;
   }
 
-  .red, .green {
+  .red,
+  .green {
     &:extend(.font-white);
     font-weight: bold;
   }
@@ -62,4 +63,4 @@
   &.has-reply {
     margin-bottom: 42px;
   }
-}
+}

components/views/files/upload/Upload.html

@@ -1,5 +1,4 @@
 <div id="file-upload">
-
   <div
     class="file-preview"
     v-if="files.length || count_error"

layouts/chat.vue

@@ -77,7 +77,6 @@
           <Enhancers :sidebar="showSidebar" />
           <WalletMini v-if="ui.modals.walletMini" />
           <ChatbarCommandsPreview :message="ui.chatbarContent" />
-          <ChatbarReply v-if="recipient" />
           <Chatbar :recipient="recipient" />
         </swiper-slide>
         <swiper-slide class="aside-container" v-if="$data.asidebar">