diff --git a/projects/player/src/app/page.component.ts b/projects/player/src/app/page.component.ts index 379158b82e9ff8e77fe5a1bf6d95fe582183676b..730e8852549579140310bdcab42003d8e71acf87 100644 --- a/projects/player/src/app/page.component.ts +++ b/projects/player/src/app/page.component.ts @@ -7,10 +7,11 @@ import { UnitPage } from '../../../common/unit'; <app-section *ngFor="let section of page.sections; let i = index" [section]="section" [ngStyle]="{ - width: '100%', position: 'relative', display: 'inline-block', - 'height.px': section.height }"> + 'background-color': section.backgroundColor, + 'height.px': section.height, + 'width.px': section.width }"> {{section.height}} </app-section> ` diff --git a/projects/player/src/app/section.component.ts b/projects/player/src/app/section.component.ts index 2362c691225cedf7d0e4c28851ee700f71f139fd..388ef202ec5a600b51d6ebba096a3885b0ab57b1 100644 --- a/projects/player/src/app/section.component.ts +++ b/projects/player/src/app/section.component.ts @@ -7,13 +7,8 @@ import * as ComponentUtils from '../../../common/component-utils'; @Component({ selector: 'app-section', template: ` - <div fxLayout="column"> - <ng-template #elementContainer></ng-template> - </div> - `, - styles: [ - 'div {position: absolute}' - ] + <ng-template #elementContainer></ng-template> + ` }) export class SectionComponent implements OnInit { @Input() section!: UnitPageSection;