borekon/disposable-mailbox
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

use sticky headers

Browse Source
This commit is contained in:
Synox 2016-09-06 08:53:28 +02:00
parent d3cd2b4b4f
commit b486aff415
4 changed files with 18 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
package.json
View File

@ -6,8 +6,9 @@
"dependencies": { "dependencies": {
"angular": "^1.5.2", "angular": "^1.5.2",
"angular-sanitize": "^1.5.6", "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-bootstrap": "^1.3.3",
"angular-ui-router": "^1.0.0-beta.1",
"autolinker": "^0.27.0", "autolinker": "^0.27.0",
"babel-polyfill": "^6.9.1", "babel-polyfill": "^6.9.1",
"bootstrap": "^3.3.6", "bootstrap": "^3.3.6",

18
src/app.js
View File

@ -1,18 +1,20 @@
// Vendor-Imports // Vendor-Imports
import angular from 'angular'; import angular from "angular";
import uiRouter from 'angular-ui-router'; import uiRouter from "angular-ui-router";
import uiBootstrap from 'angular-ui-bootstrap'; import uiBootstrap from "angular-ui-bootstrap";
import 'bootstrap/dist/css/bootstrap.css'; import "bootstrap/dist/css/bootstrap.css";
import 'babel-polyfill'; import "babel-polyfill";
import angularStickyfill from "angular-stickyfill";
import "angular-stickyfill/dist/angular-stickyfill.css";
import Mailbox from "./mailbox/mailbox";
// Interne Modul-Imports // Interne Modul-Imports
import Mailbox from './mailbox/mailbox';
angular.module('app', [ angular.module('app', [
uiRouter, uiBootstrap, Mailbox.name uiRouter, uiBootstrap, Mailbox.name, angularStickyfill
]) ])
.constant('config', { .constant('config', {
'backend_url': './backend.php', 'backend_url': 'http://dubgo.com/m2/backend.php',
'reload_interval_ms': 10000 'reload_interval_ms': 10000
}) })

2
src/mailbox/mail/mail.html
View File

@ -1,5 +1,5 @@
<section class="email"> <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 class="col-sm-12 email-summary">{{$ctrl.mail.subject}}</div>
</div> </div>

5
src/mailbox/mail/mail.scss
View File

@ -6,6 +6,11 @@ $tab-button-color: white;
$tab-button-color-inactive: #e0e0e0; $tab-button-color-inactive: #e0e0e0;
$tab-content-background: white; $tab-content-background: white;
.sticky-header {
top: 0;
z-index: 1000;
}
.email { .email {
.email-summary { .email-summary {
font-weight: bold; font-weight: bold;