TSK-569: fix MarkupPresenter, ShowMore (#2553)

Signed-off-by: Alexander Platov <sas_lord@mail.ru>
hcengineering · Jan 27, 2023 · 7669e96 · 7669e96
1 parent e3b6b78
commit 7669e96
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 4 deletions.
diff --git a/packages/ui/src/components/ShowMore.svelte b/packages/ui/src/components/ShowMore.svelte
@@ -48,6 +48,7 @@
   </div>
 
   {#if !ignore && bigger && !fixed}
+    <!-- svelte-ignore a11y-click-events-have-key-events -->
     <div class="showMore" class:outter={cHeight > limit} on:click={toggle}>
       <Label label={cHeight > limit ? ui.string.ShowLess : ui.string.ShowMore} />
     </div>
@@ -64,7 +65,7 @@
       mask: linear-gradient(to top, rgba(0, 0, 0, 0) 0, black 5rem);
     }
     &.full {
-      margin-bottom: 2.75rem;
+      margin-bottom: 2.25rem;
     }
   }
 
@@ -87,7 +88,7 @@
     cursor: pointer;
 
     &.outter {
-      bottom: 0;
+      bottom: 0.5rem;
       transform: translateX(-50%);
     }
     &:hover {

diff --git a/plugins/view-resources/src/components/MarkupPresenter.svelte b/plugins/view-resources/src/components/MarkupPresenter.svelte
@@ -15,10 +15,11 @@
 -->
 <script lang="ts">
   import { MessageViewer } from '@hcengineering/presentation'
+  import { ShowMore } from '@hcengineering/ui'
 
   export let value: string
 </script>
 
-<div class="lines-limit-4">
+<ShowMore>
   <MessageViewer message={value} />
-</div>
+</ShowMore>