Fix expanded mod for editors.

frontend/src/app/features/content/shared/forms/assets-editor.component.scss

@@ -1,6 +1,15 @@
 @import 'mixins';
 @import 'vars';
 
+:host {
+    &.expanded {
+        @include absolute(3.25rem, 1.25rem, .75rem, 1.25rem);
+        display: flex;
+        flex-direction: column;
+        flex-grow: 1;
+    }
+}
+
 .assets-container {
     background: $color-background;
     border: 1px solid $color-border;
@@ -13,8 +22,7 @@
     padding-bottom: 0;
 
     &.expanded {
-        @include absolute(3rem, 1.25rem, .75rem, 1.25rem);
-        max-height: none;
+        flex-grow: 1;
     }
 }
 

frontend/src/app/features/content/shared/forms/assets-editor.component.ts

@@ -7,7 +7,7 @@
 
 import { CdkDrag, CdkDragDrop, CdkDropList } from '@angular/cdk/drag-drop';
 
-import { booleanAttribute, ChangeDetectionStrategy, Component, forwardRef, Input, OnInit } from '@angular/core';
+import { booleanAttribute, ChangeDetectionStrategy, Component, forwardRef, HostBinding, Input, OnInit } from '@angular/core';
 import { NG_VALUE_ACCESSOR } from '@angular/forms';
 import { AssetComponent, AssetDialogComponent, AssetDto, AssetSelectorComponent, ChatDialogComponent, DialogModel, FileDropDirective, HTTP, LocalStoreService, MessageBus, ModalDirective, ResizedDirective, ResolveAssets, Settings, sorted, StatefulControlComponent, Subscriptions, TranslatePipe, Types } from '@app/shared';
 
@@ -72,6 +72,7 @@ export class AssetsEditorComponent extends StatefulControlComponent<State, Reado
     public hasChatBot = false;
 
     @Input({ transform: booleanAttribute })
+    @HostBinding('class.expanded')
     public isExpanded = false;
 
     @Input({ transform: booleanAttribute })

frontend/src/app/features/content/shared/references/references-editor.component.scss

@@ -13,8 +13,8 @@
     padding-bottom: 0;
 
     &.expanded {
-        @include absolute(3rem, 1.25rem, .75rem, 1.25rem);
-        max-height: none;
+        @include absolute(5.5rem, 1.25rem, .75rem, 1.25rem);
+        height: auto;
     }
 }
 

frontend/src/app/features/content/shared/references/references-editor.component.ts

@@ -7,7 +7,7 @@
 
 import { CdkDrag, CdkDragDrop, CdkDragHandle, CdkDropList } from '@angular/cdk/drag-drop';
 
-import { booleanAttribute, ChangeDetectionStrategy, Component, forwardRef, Input } from '@angular/core';
+import { booleanAttribute, ChangeDetectionStrategy, Component, forwardRef, HostBinding, Input } from '@angular/core';
 import { NG_VALUE_ACCESSOR } from '@angular/forms';
 import { AppLanguageDto, ContentDto, ContentsColumnsPipe, ContentSelectorComponent, DialogModel, ModalDirective, ResizedDirective, ResolveContents, sorted, StatefulControlComponent, TranslatePipe, Types } from '@app/shared';
 import { ContentCreatorComponent } from './content-creator.component';
@@ -48,6 +48,10 @@ interface State {
     ],
 })
 export class ReferencesEditorComponent extends StatefulControlComponent<State, ReadonlyArray<string>> {
+    @Input({ transform: booleanAttribute })
+    @HostBinding('class.expanded')
+    public isExpanded = false;
+
     @Input({ required: true })
     public schemaIds!: ReadonlyArray<string>;
 
@@ -63,9 +67,6 @@ export class ReferencesEditorComponent extends StatefulControlComponent<State, R
     @Input({ required: true })
     public formContext!: any;
 
-    @Input({ transform: booleanAttribute })
-    public isExpanded = false;
-
     @Input({ transform: booleanAttribute })
     public allowDuplicates?: boolean | null = true;