Drag&Drop room config (#5064)

Signed-off-by: Alexander Platov <alexander.platov@hardcoreeng.com>

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;

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;

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}

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 {

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()

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}
   >