From 352e8a4f3fae3da18b1ca7c60161e3bdc9193dc0 Mon Sep 17 00:00:00 2001
From: Alexander Platov <alexander.platov@hardcoreeng.com>
Date: Tue, 26 Mar 2024 17:33:05 +0300
Subject: [PATCH] Drag&Drop room config (#5064)

Signed-off-by: Alexander Platov <alexander.platov@hardcoreeng.com>
---
 packages/theme/styles/_layouts.scss                        | 1 -
 packages/theme/styles/components.scss                      | 7 ++++---
 packages/ui/src/components/AccordionItem.svelte            | 4 ++--
 packages/ui/src/components/ButtonBase.svelte               | 2 +-
 packages/ui/src/components/EditBox.svelte                  | 1 +
 .../contact-resources/src/components/PersonContent.svelte  | 1 +
 6 files changed, 9 insertions(+), 7 deletions(-)

diff --git a/packages/theme/styles/_layouts.scss b/packages/theme/styles/_layouts.scss
index f993c32cd6..b7f34d8a1c 100644
--- a/packages/theme/styles/_layouts.scss
+++ b/packages/theme/styles/_layouts.scss
@@ -1022,7 +1022,6 @@ a.no-line {
 .bottom-highlight-select { border-bottom: 1px solid var(--highlight-select); }
 
 
-
 .checkbox_style {
   input {
     appearance: none;
diff --git a/packages/theme/styles/components.scss b/packages/theme/styles/components.scss
index b0743e7b76..472a48ed27 100644
--- a/packages/theme/styles/components.scss
+++ b/packages/theme/styles/components.scss
@@ -142,6 +142,10 @@
     width: 1px;
     height: var(--spacing-4);
     background-color: var(--theme-divider-color); // var(--global-surface-02-BorderColor);
+    
+    &.short {
+      margin: 0 var(--spacing-1);
+    }
   }
   .hulyHeader-titleGroup,
   .hulyHeader-buttonsGroup {
@@ -355,9 +359,6 @@
       word-break: break-all;
       text-overflow: ellipsis;
       overflow: hidden;
-      display: flex;
-      align-items: center;
-      min-width: 0;
     }
     &__tools {
       display: flex;
diff --git a/packages/ui/src/components/AccordionItem.svelte b/packages/ui/src/components/AccordionItem.svelte
index 64cd04b046..9e2db785f4 100644
--- a/packages/ui/src/components/AccordionItem.svelte
+++ b/packages/ui/src/components/AccordionItem.svelte
@@ -95,14 +95,14 @@
         {#if title}{title}{/if}
         <slot name="title" />
       </div>
-      {#if counter !== false}
+      {#if counter !== false || $$slots.counter}
         <span class="hulyAccordionItem-header__separator">•</span>
         <span class="hulyAccordionItem-header__counter">
           {#if typeof counter === 'number'}{counter}{/if}
           <slot name="counter" />
         </span>
       {/if}
-      {#if duration !== false}
+      {#if duration !== false || $$slots.duration}
         <span class="hulyAccordionItem-header__separator">•</span>
         <span class="hulyAccordionItem-header__duration">
           {#if typeof duration === 'number'}{duration}{/if}
diff --git a/packages/ui/src/components/ButtonBase.svelte b/packages/ui/src/components/ButtonBase.svelte
index d422b54900..bde4a87aa4 100644
--- a/packages/ui/src/components/ButtonBase.svelte
+++ b/packages/ui/src/components/ButtonBase.svelte
@@ -162,7 +162,7 @@
     }
     &.small {
       height: var(--global-small-Size);
-      gap: var(--spacing-0_25);
+      gap: var(--spacing-0_5);
       border-radius: var(--small-BorderRadius);
 
       &.type-button {
diff --git a/packages/ui/src/components/EditBox.svelte b/packages/ui/src/components/EditBox.svelte
index 17f5c2189c..cacf3dae25 100644
--- a/packages/ui/src/components/EditBox.svelte
+++ b/packages/ui/src/components/EditBox.svelte
@@ -111,6 +111,7 @@
   class:w-full={focusable || fullSize}
   class:uppercase
   style:width={maxWidth}
+  on:mousedown|stopPropagation={() => {}}
   on:click={(event) => {
     if (!propagateClick) {
       event.stopPropagation()
diff --git a/plugins/contact-resources/src/components/PersonContent.svelte b/plugins/contact-resources/src/components/PersonContent.svelte
index 533dba03d7..fa03abcbea 100644
--- a/plugins/contact-resources/src/components/PersonContent.svelte
+++ b/plugins/contact-resources/src/components/PersonContent.svelte
@@ -117,6 +117,7 @@
   <span
     class="antiPresenter h-full"
     class:text-base={enlargedText}
+    class:cursor-pointer={!disabled && onEdit !== undefined}
     use:tooltip={disabled ? undefined : showTooltip}
     on:click={onEditClick}
   >