fix(popover): fix custom component example

Closes #618
akveo · Sep 12, 2018 · 15443d2 · 15443d2
1 parent d6a211f
commit 15443d2
Show file tree

Hide file tree

Showing 5 changed files with 19 additions and 3 deletions.
diff --git a/src/playground/popover/popover-custom-component.component.ts b/src/playground/popover/popover-custom-component.component.ts
@@ -11,8 +11,9 @@ import { NbDynamicToAddComponent } from '../shared/dynamic.component';
  selector: 'nb-popover-custom-component',
  templateUrl: './popover-custom-component.component.html',
  styles: [`
- nb-layout-column {
- height: 50vw;
+ :host {
+ display: block;
+ margin: 5rem;
  }
  `],
 })

diff --git a/src/playground/popover/popover-modes.component.ts b/src/playground/popover/popover-modes.component.ts
@@ -10,6 +10,12 @@ import { Component } from '@angular/core';
 @Component({
  selector: 'nb-popover-modes',
  templateUrl: './popover-modes.component.html',
+ styles: [`
+ :host {
+ display: block;
+ margin: 5rem;
+ }
+ `],
 })
 export class NbPopoverModesComponent {
 }
diff --git a/src/playground/popover/popover-template-ref.component.ts b/src/playground/popover/popover-template-ref.component.ts
@@ -10,6 +10,12 @@ import { Component } from '@angular/core';
 @Component({
  selector: 'nb-popover-template-ref',
  templateUrl: './popover-template-ref.component.html',
+ styles: [`
+ :host {
+ display: block;
+ margin: 5rem;
+ }
+ `],
 })
 export class NbPopoverTemplateRefComponent {
 }
diff --git a/src/playground/shared/dynamic.component.ts b/src/playground/shared/dynamic.component.ts
@@ -4,7 +4,7 @@ import { Component, Input } from '@angular/core';
  selector: 'nb-dynamic-to-add',
  template: `
  <div>
- <strong>hello from dynamically inserted component: {{text}}</strong>
+ <strong>Hello from custom component: {{ text }}</strong>
  </div>
  `,
 })

diff --git a/src/playground/shared/shared.module.ts b/src/playground/shared/shared.module.ts
@@ -19,6 +19,9 @@ import { NbDynamicToAddComponent } from './dynamic.component';
  declarations: [
  NbDynamicToAddComponent,
  ],
+ entryComponents: [
+ NbDynamicToAddComponent,
+ ],
 })
 export class NbPlaygroundSharedModule {
 }