From b486aff415c82fbcb93bf3461bcb8f1885fd5e23 Mon Sep 17 00:00:00 2001
From: Synox <synox@users.noreply.github.com>
Date: Tue, 6 Sep 2016 08:53:28 +0200
Subject: [PATCH] use sticky headers

---
 package.json               |  3 ++-
 src/app.js                 | 18 ++++++++++--------
 src/mailbox/mail/mail.html |  2 +-
 src/mailbox/mail/mail.scss |  5 +++++
 4 files changed, 18 insertions(+), 10 deletions(-)

diff --git a/package.json b/package.json
index 29fefde..d9c962d 100644
--- a/package.json
+++ b/package.json
@@ -6,8 +6,9 @@
   "dependencies": {
     "angular": "^1.5.2",
     "angular-sanitize": "^1.5.6",
-    "angular-ui-router": "^1.0.0-beta.1",
+    "angular-stickyfill": "^0.1.0",
     "angular-ui-bootstrap": "^1.3.3",
+    "angular-ui-router": "^1.0.0-beta.1",
     "autolinker": "^0.27.0",
     "babel-polyfill": "^6.9.1",
     "bootstrap": "^3.3.6",
diff --git a/src/app.js b/src/app.js
index 6c84181..b8d3db1 100644
--- a/src/app.js
+++ b/src/app.js
@@ -1,18 +1,20 @@
 // Vendor-Imports
-import angular from 'angular';
-import uiRouter from 'angular-ui-router';
-import uiBootstrap from 'angular-ui-bootstrap';
-import 'bootstrap/dist/css/bootstrap.css';
-import 'babel-polyfill';
+import angular from "angular";
+import uiRouter from "angular-ui-router";
+import uiBootstrap from "angular-ui-bootstrap";
+import "bootstrap/dist/css/bootstrap.css";
+import "babel-polyfill";
+import angularStickyfill from "angular-stickyfill";
+import "angular-stickyfill/dist/angular-stickyfill.css";
+import Mailbox from "./mailbox/mailbox";
 
 // Interne Modul-Imports
-import Mailbox from './mailbox/mailbox';
 
 angular.module('app', [
-    uiRouter, uiBootstrap, Mailbox.name
+    uiRouter, uiBootstrap, Mailbox.name, angularStickyfill
 ])
 
     .constant('config', {
-        'backend_url': './backend.php',
+        'backend_url': 'http://dubgo.com/m2/backend.php',
         'reload_interval_ms': 10000
     })
diff --git a/src/mailbox/mail/mail.html b/src/mailbox/mail/mail.html
index d9d48c5..fbd651c 100644
--- a/src/mailbox/mail/mail.html
+++ b/src/mailbox/mail/mail.html
@@ -1,5 +1,5 @@
 <section class="email">
-    <div class="row ">
+    <div class="row sticky-header" ec-stickyfill>
         <div class="col-sm-12 email-summary">{{$ctrl.mail.subject}}</div>
     </div>
 
diff --git a/src/mailbox/mail/mail.scss b/src/mailbox/mail/mail.scss
index 946c1bf..6bbdace 100644
--- a/src/mailbox/mail/mail.scss
+++ b/src/mailbox/mail/mail.scss
@@ -6,6 +6,11 @@ $tab-button-color: white;
 $tab-button-color-inactive: #e0e0e0;
 $tab-content-background: white;
 
+.sticky-header {
+  top: 0;
+  z-index: 1000;
+}
+
 .email {
   .email-summary {
     font-weight: bold;