Temporary for admin page layout

percolatestudio · Oct 27, 2014 · 4439a4a · 4439a4a
1 parent f94ecac
commit 4439a4a
Show file tree

Hide file tree

Showing 2 changed files with 26 additions and 13 deletions.
diff --git a/client/stylesheets/globals/layout.import.less b/client/stylesheets/globals/layout.import.less
@@ -83,3 +83,14 @@ body {
   .position(absolute, 0, 0, 0, 0);;
   z-index: 1;
 }
+
+// Temporarily position admin page asolutely to draw it over the top of the
+// phone chrome
+#admin {
+  background-color: white;
+  position: absolute;
+  left: 0;
+  right: 0;
+  top: 0;
+  bottom: 0;
+}
diff --git a/client/templates/admin.html b/client/templates/admin.html
@@ -1,15 +1,17 @@
 <template name="admin">
-  {{#if isAdmin}}
-    <h1>Admin</h1>
-
-    <a href="/">Home</a>
-
-    <form>
-      <label>Latest News</label>
-      <input name="text" type="text" value="{{latestNews.text}}" />
-      <button type="submit">Save</button>
-    </form>
-  {{else}}
-    <h1>Forbidden</h1>
-  {{/if}}
+  <div id="admin">
+    {{#if isAdmin}}
+      <h1>Admin</h1>
+
+      <a href="/">Home</a>
+
+      <form>
+        <label>Latest News</label>
+        <input name="text" type="text" value="{{latestNews.text}}" />
+        <button type="submit">Save</button>
+      </form>
+    {{else}}
+      <h1>Forbidden</h1>
+    {{/if}}
+  </div>  
 </template>