Fix AccordionEditor, ExpandCollapse (#2438)

Signed-off-by: Alexander Platov <sas_lord@mail.ru>

packages/theme/styles/_layouts.scss

@@ -30,12 +30,14 @@ a {
   }
   &:visited { color: var(--theme-caption-color); }
 
+  &.stealth,
+  &.no-underline {
+    &:hover, &:active { text-decoration: none; }
+  }
   &.stealth {
     display: inline-flex;
     align-items: center;
     width: 100%;
-
-    &:hover, &:active { text-decoration: none; }
   }
 }
 button {

packages/ui/src/components/ExpandCollapse.svelte

@@ -31,7 +31,7 @@
   $: tweenedHeight.set(isExpanded ? height : 0, { duration, easing })
 </script>
 
-<div class="root" style="height: {$tweenedHeight}px">
+<div class="root" style="height: {$tweenedHeight}px" style:overflow={isExpanded ? 'visible' : 'hidden'}>
   <div bind:offsetHeight={height} class="flex-no-shrink clear-mins">
     <slot />
   </div>
@@ -39,8 +39,14 @@
 
 <style lang="scss">
   .root {
-    overflow: hidden;
     min-height: 0;
     flex-shrink: 0;
+
+    &::-webkit-scrollbar:vertical {
+      width: 0;
+    }
+    &::-webkit-scrollbar:horizontal {
+      height: 0;
+    }
   }
 </style>

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

@@ -49,6 +49,7 @@
         items[index].state = 'opened'
         attachments[index].setEditable(true)
         attachments[index].setContent(cont)
+        items[index].content = cont
         attachments[index].focus()
         break
     }

plugins/view-resources/src/components/ObjectBox.svelte

@@ -122,7 +122,7 @@
     <Button {focusIndex} width={width ?? 'min-content'} {size} {kind} {justify} {showTooltip} on:click={_click}>
       <span slot="content" class="overflow-label flex-grow" class:flex-between={showNavigate && selected}>
         <div
-          class="disabled"
+          class="disabled flex-row-center"
           style:width={showNavigate && selected
             ? `calc(${width ?? 'min-content'} - 1.5rem)`
             : `${width ?? 'min-content'}`}