From 15443d297e84d8643620ae42669f8225d40d9ffd Mon Sep 17 00:00:00 2001
From: Dmitry Nehaychik <4dmitr@gmail.com>
Date: Wed, 12 Sep 2018 15:34:56 +0300
Subject: [PATCH 1/3] fix(popover): fix custom component example Closes #618

---
 .../popover/popover-custom-component.component.ts           | 5 +++--
 src/playground/popover/popover-modes.component.ts           | 6 ++++++
 src/playground/popover/popover-template-ref.component.ts    | 6 ++++++
 src/playground/shared/dynamic.component.ts                  | 2 +-
 src/playground/shared/shared.module.ts                      | 3 +++
 5 files changed, 19 insertions(+), 3 deletions(-)

diff --git a/src/playground/popover/popover-custom-component.component.ts b/src/playground/popover/popover-custom-component.component.ts
index 2c55f604ac..1348becb8c 100644
--- 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
index 831048076b..69b3ee61a7 100644
--- 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
index ad8601a289..ab5e1fe730 100644
--- 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
index 4fea61b443..60ac1e0608 100644
--- 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
index 8fae8ff782..8b61066530 100644
--- 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 {
 }

From 67471db2d3772504bae8fa48f0b48aba05035221 Mon Sep 17 00:00:00 2001
From: Dmitry Nehaychik <4dmitr@gmail.com>
Date: Wed, 12 Sep 2018 19:36:51 +0300
Subject: [PATCH 2/3] fix(popover): add Theme tab to the docs Closes #619

---
 docs/structure.ts | 1 +
 1 file changed, 1 insertion(+)

diff --git a/docs/structure.ts b/docs/structure.ts
index e0133246ae..9152bcfd4e 100644
--- a/docs/structure.ts
+++ b/docs/structure.ts
@@ -300,6 +300,7 @@ export const structure = [
         icon: 'popover.svg',
         source: [
           'NbPopoverDirective',
+          'NbPopoverComponent',
         ],
       },
       {

From b7b4985aa98c41e60b7abb317c6f9c40ec275cab Mon Sep 17 00:00:00 2001
From: Dmitry Nehaychik <4dmitr@gmail.com>
Date: Thu, 13 Sep 2018 13:25:51 +0300
Subject: [PATCH 3/3] fix(popover): add Theme tab to the docs Closes #619

---
 e2e/popover.e2e-spec.ts | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/e2e/popover.e2e-spec.ts b/e2e/popover.e2e-spec.ts
index 773764c3d8..a0aff6ba57 100644
--- a/e2e/popover.e2e-spec.ts
+++ b/e2e/popover.e2e-spec.ts
@@ -156,13 +156,13 @@ describe('nb-popover', () => {
   it('have to render component with context', () => {
     element(contentComponentWithContext).click();
     const text = element(popover).element(by.css('nb-dynamic-to-add > div > strong')).getText();
-    expect(text).toEqual('hello from dynamically inserted component: Example context');
+    expect(text).toEqual('Hello from custom component: Example context');
   });
 
   it('have to render template with context', () => {
     element(contentTemplateWithContext).click();
     const text = element(popover).element(by.css('nb-dynamic-to-add > div > strong')).getText();
-    expect(text).toEqual('hello from dynamically inserted component: Example context');
+    expect(text).toEqual('Hello from custom component: Example context');
   });
 
   it('have to hide popover when host removed', done => {