diff --git a/frontend/src/app/features/content/shared/forms/assets-editor.component.scss b/frontend/src/app/features/content/shared/forms/assets-editor.component.scss index 3f7886d8a..1da8a6979 100644 --- a/frontend/src/app/features/content/shared/forms/assets-editor.component.scss +++ b/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; } } diff --git a/frontend/src/app/features/content/shared/forms/assets-editor.component.ts b/frontend/src/app/features/content/shared/forms/assets-editor.component.ts index 3ee19d21a..6b66f3e2b 100644 --- a/frontend/src/app/features/content/shared/forms/assets-editor.component.ts +++ b/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> { + @Input({ transform: booleanAttribute }) + @HostBinding('class.expanded') + public isExpanded = false; + @Input({ required: true }) public schemaIds!: ReadonlyArray; @@ -63,9 +67,6 @@ export class ReferencesEditorComponent extends StatefulControlComponent