diff --git a/frontend/src/app/story-editor/story-editor.component.css b/frontend/src/app/story-editor/story-editor.component.css index 80bfde466..1db2969d2 100644 --- a/frontend/src/app/story-editor/story-editor.component.css +++ b/frontend/src/app/story-editor/story-editor.component.css @@ -264,10 +264,12 @@ :host ::ng-deep .uk-nav > li > .dropdownStep { color: var(--ocean-blue); } -.uk-drop.uk-dropdown.uk-open{ - top: 40px !important; - left: 400px !important; -} + + .uk-drop.uk-dropdown.uk-open{ + display: block !important; + position: absolute !important; + top: 10px !important; + } /* :host ::ng-deep .darkTheme .uk-nav > li > .dropdownStep { color: var(--light-blue); } diff --git a/frontend/src/app/story-editor/story-editor.component.ts b/frontend/src/app/story-editor/story-editor.component.ts index 94f0c5bc8..408281975 100644 --- a/frontend/src/app/story-editor/story-editor.component.ts +++ b/frontend/src/app/story-editor/story-editor.component.ts @@ -335,7 +335,7 @@ export class StoryEditorComponent implements OnInit, OnDestroy{ const loadingScreen = document.getElementById('loading'); loadingScreen.scrollIntoView(); } - if (this.selectedStory !== undefined){ + if (this.selectedStory !== undefined && this.stories && this.blocks){ this.storeCurrentBackground(this.selectedStory.background); this.backgrounds = this.stories.filter((s) => s !== null).map((s) => s.background); this.blockAsBackground = [];