From ff60b3c5ea51941bbd2e94f6ad0d0a313d5c55a4 Mon Sep 17 00:00:00 2001
From: Brandy Carney <brandyscarney@gmail.com>
Date: Sat, 23 Jan 2016 14:23:23 -0500
Subject: [PATCH] test(grid): add a test that uses grid to make a full height
 menu

This is something users often request so it is good to have a test on
it.
---
 ionic/components/grid/test/full/index.ts  |  7 +++
 ionic/components/grid/test/full/main.html | 60 +++++++++++++++++++++++
 2 files changed, 67 insertions(+)
 create mode 100644 ionic/components/grid/test/full/index.ts
 create mode 100644 ionic/components/grid/test/full/main.html

diff --git a/ionic/components/grid/test/full/index.ts b/ionic/components/grid/test/full/index.ts
new file mode 100644
index 0000000000..43aed36502
--- /dev/null
+++ b/ionic/components/grid/test/full/index.ts
@@ -0,0 +1,7 @@
+import {App} from 'ionic/ionic';
+
+
+@App({
+  templateUrl: 'main.html'
+})
+class E2EApp {}
diff --git a/ionic/components/grid/test/full/main.html b/ionic/components/grid/test/full/main.html
new file mode 100644
index 0000000000..6a62ae4fc7
--- /dev/null
+++ b/ionic/components/grid/test/full/main.html
@@ -0,0 +1,60 @@
+<ion-toolbar><ion-title>Grid</ion-title></ion-toolbar>
+
+<ion-content class="grid-full">
+
+  <ion-row>
+    <ion-col class="cell-1">
+      statistics
+    </ion-col>
+    <ion-col class="cell-2">
+      profile
+    </ion-col>
+    <ion-col class="cell-3">
+      photos
+    </ion-col>
+    <ion-col class="cell-4">
+      laboratory
+    </ion-col>
+    <ion-col class="cell-5">
+      calendar
+    </ion-col>
+    <ion-col class="cell-6">
+      alert
+    </ion-col>
+  </ion-row>
+
+</ion-content>
+
+<style>
+  .grid-full ion-row {
+    height: 100%;
+    padding: 0;
+    flex-wrap: wrap;
+  }
+
+  .grid-full ion-col {
+    flex: 0 0 50%;
+    max-width: 50%;
+    text-align: center;
+    padding: 10px 5px;
+  }
+
+  .cell-1 {
+    background-color: #C5DCFC;
+  }
+  .cell-2 {
+    background-color: #262B69;
+  }
+  .cell-3 {
+    background-color: #A0C5FA;
+  }
+  .cell-4 {
+    background-color: #B3D0FC;
+  }
+  .cell-5 {
+    background-color: #73A7F9;
+  }
+  .cell-6 {
+    background-color: #8CB9FA;
+  }
+</style>