EZQMS-278: adjust view inline comments UI (#3855)

Signed-off-by: Anna No <anna.no@xored.com>

packages/text-editor/src/components/ReferenceInput.svelte

@@ -218,7 +218,7 @@
   .ref-container {
     display: flex;
     flex-direction: column;
-    min-height: 4.5rem;
+    min-height: 2.5rem;
     border: 0.0625rem solid var(--theme-refinput-border);
     border-radius: 0.375rem;
 
@@ -236,7 +236,7 @@
 
   .text-input {
     min-height: 2.75rem;
-    padding: 0.625rem 0.75rem;
+    padding: 0.125rem 0.75rem;
   }
 
   .buttons-panel {

plugins/attachment-resources/src/components/AttachmentRefInput.svelte

@@ -31,6 +31,7 @@
   export let iconSend: Asset | AnySvelteComponent | undefined = undefined
   export let labelSend: IntlString | undefined = undefined
   export let showSend = true
+  export let showActions = true
   export let shouldSaveDraft: boolean = false
   export let attachments: IdMap<Attachment> = new Map()
   export let loading = false
@@ -283,6 +284,7 @@
       {iconSend}
       {labelSend}
       {showSend}
+      {showActions}
       {loading}
       {boundary}
       extraActions={[

plugins/chunter-resources/src/components/Thread.svelte

@@ -49,6 +49,9 @@
   let showAll = false
   let total = 0
 
+  let showActions = false
+  let showSend = false
+
   $: updateQuery(_id)
   $: updateThreadQuery(_id, showAll)
 
@@ -149,8 +152,8 @@
   let loading = false
 </script>
 
-<div class="flex-col ml-4 mt-4 flex-no-shrink">
-  {#if showHeader && parent}
+{#if showHeader && parent}
+  <div class="flex-col ml-4 mt-4 flex-no-shrink">
     {#await getChannel(parent.space) then channel}
       {#if channel?._class === plugin.class.Channel}
         <ChannelPresenter value={channel} />
@@ -164,8 +167,8 @@
         <Label label={plugin.string.AndYou} params={{ participants: participants.length }} />
       {/await}
     </div>
-  {/if}
-</div>
+  </div>
+{/if}
 <div class="flex-col content mt-2 flex-no-shrink">
   {#if parent}
     <MsgView message={parent} thread {savedAttachmentsIds} />
@@ -193,7 +196,13 @@
           _class={plugin.class.ThreadMessage}
           objectId={commentId}
           placeholder={chunter.string.AddCommentPlaceholder}
+          {showActions}
+          {showSend}
           on:message={onMessage}
+          on:focus={() => {
+            showSend = true
+            showActions = true
+          }}
           bind:loading
         />
       </div>