Merge pull request #2870 from IgniteUI/sivanova/fix-banner-samples

fix(banner): wrong components structure

Author: simeonoff

src/app/notifications/banner/banner-advanced-sample/banner-advanced-sample.component.html

@@ -1,8 +1,8 @@
 <div class="gallery__wrapper">
-    <igx-navbar title="Gallery">
-        <igx-icon (click)="wifiState = !wifiState">{{ wifiState ? 'signal_wifi_4_bar' : 'signal_wifi_off' }}</igx-icon>
-    </igx-navbar>
     <div class="gallery__content">
+        <igx-navbar title="Gallery">
+            <igx-icon (click)="wifiState = !wifiState">{{ wifiState ? 'signal_wifi_4_bar' : 'signal_wifi_off' }}</igx-icon>
+        </igx-navbar>
         <igx-banner class="offline-banner" #connectionBanner>
             <igx-icon>signal_wifi_off</igx-icon>
             You have lost connection to the internet. This app is offline.

src/app/notifications/banner/banner-sample-1/banner-sample-1.component.html

@@ -1,8 +1,8 @@
 <div class="gallery__wrapper">
-    <igx-navbar title="Gallery">
-        <igx-icon (click)="connectionBanner.open()">refresh</igx-icon>
-    </igx-navbar>
     <div class="gallery__content">
+        <igx-navbar title="Gallery">
+            <igx-icon (click)="connectionBanner.open()">refresh</igx-icon>
+        </igx-navbar>
         <igx-banner class="offline-banner" #connectionBanner>
             You are currently offline.
         </igx-banner>

src/app/notifications/banner/banner-sample-2/banner-sample-2.component.html

@@ -1,8 +1,8 @@
 <div class="gallery__wrapper">
-    <igx-navbar title="Gallery">
-        <igx-icon (click)="connectionBanner.open()">refresh</igx-icon>
-    </igx-navbar>
     <div class="gallery__content">
+        <igx-navbar title="Gallery">
+            <igx-icon (click)="connectionBanner.open()">refresh</igx-icon>
+        </igx-navbar>
         <igx-banner class="offline-banner" #connectionBanner>
             <igx-icon>signal_wifi_off</igx-icon>
             You have lost connection to the internet. This app is offline.

src/app/notifications/banner/banner-sample-3/banner-sample-3.component.html

@@ -1,8 +1,8 @@
 <div class="gallery__wrapper">
-    <igx-navbar title="Gallery">
-        <igx-icon (click)="connectionBanner.open()">refresh</igx-icon>
-    </igx-navbar>
     <div class="gallery__content">
+        <igx-navbar title="Gallery">
+            <igx-icon (click)="connectionBanner.open()">refresh</igx-icon>
+        </igx-navbar>
         <igx-banner class="offline-banner" #connectionBanner [animationSettings]="animationSettings">
             <igx-icon>signal_wifi_off</igx-icon>
             You have lost connection to the internet. This app is offline.

src/app/notifications/banner/banner-styling/banner-styling.component.html

@@ -1,14 +1,15 @@
 <div class="gallery__wrapper">
-    <igx-navbar title="Gallery">
-        <igx-icon (click)="wifiState = !wifiState">{{ wifiState ? 'signal_wifi_4_bar' : 'signal_wifi_off'}}</igx-icon>
-    </igx-navbar>
     <div class="gallery__content">
+        <igx-navbar title="Gallery">
+            <igx-icon (click)="wifiState = !wifiState">{{ wifiState ? 'signal_wifi_4_bar' : 'signal_wifi_off'}}
+            </igx-icon>
+        </igx-navbar>
         <igx-banner class="offline-banner" #connectionBanner [animationSettings]="animationSettings">
             <igx-icon>signal_wifi_off</igx-icon>
             You have lost connection to the internet. This app is offline.
             <igx-banner-actions>
-                    <button igxButton igxRipple (click)="connectionBanner.close()">Continue Offline</button>
-                    <button igxButton igxRipple (click)="wifiState = true">Turn On Wifi</button>
+                <button igxButton igxRipple (click)="connectionBanner.close()">Continue Offline</button>
+                <button igxButton igxRipple (click)="wifiState = true">Turn On Wifi</button>
             </igx-banner-actions>
         </igx-banner>
         <igx-card class="gallery__item">