Return hover with border inside doc activity (#4500)

Signed-off-by: Kristina Fefelova <kristin.fefelova@gmail.com>

plugins/activity-resources/src/components/activity-message/ActivityInfoMessagePresenter.svelte

@@ -41,6 +41,7 @@
   export let excludedActions: string[] = []
   export let actions: Action[] = []
   export let hoverable = true
+  export let hoverStyles: 'borderedHover' | 'filledHover' = 'borderedHover'
   export let onClick: (() => void) | undefined = undefined
 
   $: personAccount = $personAccountByIdStore.get((value.createdBy ?? value.modifiedBy) as Ref<PersonAccount>)
@@ -74,6 +75,7 @@
   {excludedActions}
   {withFlatActions}
   {hoverable}
+  {hoverStyles}
   viewlet={undefined}
   {onClick}
 >

plugins/activity-resources/src/components/activity-message/ActivityMessagePresenter.svelte

@@ -33,6 +33,7 @@
   export let excludedActions: string[] = []
   export let withFlatActions: boolean = true
   export let hoverable = true
+  export let hoverStyles: 'borderedHover' | 'filledHover' = 'borderedHover'
   export let onClick: (() => void) | undefined = undefined
   export let onReply: (() => void) | undefined = undefined
 
@@ -60,6 +61,7 @@
       excludedActions,
       withFlatActions,
       hoverable,
+      hoverStyles,
       onClick,
       onReply
     }}

plugins/activity-resources/src/components/activity-message/ActivityMessageTemplate.svelte

@@ -49,7 +49,7 @@
   export let hideFooter = false
   export let skipLabel = false
   export let hoverable = true
-  export let hoverStyles: 'borderedHover' | 'filledHover' = 'filledHover'
+  export let hoverStyles: 'borderedHover' | 'filledHover' = 'borderedHover'
   export let onClick: (() => void) | undefined = undefined
   export let onReply: (() => void) | undefined = undefined
 

plugins/activity-resources/src/components/doc-update-message/DocUpdateMessagePresenter.svelte

@@ -50,6 +50,7 @@
   export let withFlatActions: boolean = true
   export let excludedActions: string[] = []
   export let hoverable = true
+  export let hoverStyles: 'borderedHover' | 'filledHover' = 'borderedHover'
   export let onClick: (() => void) | undefined = undefined
   export let onReply: (() => void) | undefined = undefined
 
@@ -159,6 +160,7 @@
   {skipLabel}
   {withFlatActions}
   {hoverable}
+  {hoverStyles}
   {onClick}
   {onReply}
 >

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

@@ -384,6 +384,7 @@
           value={message}
           skipLabel={skipLabels}
           {showEmbedded}
+          hoverStyles="filledHover"
           isHighlighted={isSelected}
           shouldScroll={isSelected}
         />

plugins/chunter-resources/src/components/chat-message/ChatMessagePresenter.svelte

@@ -44,13 +44,13 @@
   export let withFlatActions: boolean = true
   export let hoverable = true
   export let inline = false
+  export let hoverStyles: 'borderedHover' | 'filledHover' = 'borderedHover'
   export let onClick: (() => void) | undefined = undefined
   export let onReply: (() => void) | undefined = undefined
 
   const client = getClient()
   const hierarchy = client.getHierarchy()
 
-  const viewletQuery = createQuery()
   const userQuery = createQuery()
 
   const currentAccount = getCurrentAccount()
@@ -175,6 +175,7 @@
     {hideFooter}
     {withFlatActions}
     {hoverable}
+    {hoverStyles}
     {onClick}
     {onReply}
   >

plugins/chunter-resources/src/components/chat/navigator/ChatNavGroup.svelte

@@ -147,14 +147,12 @@
     <div class="separator" />
   {/if}
 
-  {#if contexts.length}
+  <div class="block">
-    <div class="block">
+    <ChatGroupHeader header={model.label} actions={getGroupActions()} />
-      <ChatGroupHeader header={model.label} actions={getGroupActions()} />
+    {#each contexts as context (context._id)}
-      {#each contexts as context (context._id)}
+      <ChatNavItem {context} isSelected={selectedContextId === context._id} on:select />
-        <ChatNavItem {context} isSelected={selectedContextId === context._id} on:select />
+    {/each}
-      {/each}
+  </div>
-    </div>
-  {/if}
 </Scroller>
 
 <style lang="scss">

plugins/chunter-resources/src/components/threads/ThreadMessagePresenter.svelte

@@ -30,6 +30,7 @@
   export let actions: Action[] = []
   export let excludedActions: string[] = []
   export let hoverable = true
+  export let hoverStyles: 'borderedHover' | 'filledHover' = 'borderedHover'
   export let onClick: (() => void) | undefined = undefined
   export let onReply: (() => void) | undefined = undefined
 </script>
@@ -48,6 +49,7 @@
   {excludedActions}
   {actions}
   {hoverable}
+  {hoverStyles}
   {onClick}
   {onReply}
 />

plugins/chunter-resources/src/components/threads/ThreadParentPresenter.svelte

@@ -19,4 +19,4 @@
   export let message: ActivityMessage
 </script>
 
-<ActivityMessagePresenter value={message} hideFooter />
+<ActivityMessagePresenter value={message} hideFooter hoverStyles="filledHover" />