directive - vertically and horizontally positioned overlay container
JavaScript CSS
Latest commit 66067d8 Mar 1, 2016 Eugene Jo version bump w/ dependency update
Permalink
Failed to load latest commit information.
test/unit Testing Sep 3, 2015
.eslintrc Testing Sep 3, 2015
.gitignore Testing Sep 3, 2015
.jscsrc Testing Sep 3, 2015
.travis.yml Testing Sep 3, 2015
LICENSE Initial commit Aug 6, 2013
README.md add travis build status Sep 3, 2015
angular-centered.css fix invalid css Jan 12, 2016
angular-centered.js Testing Sep 3, 2015
bower.json version bump w/ dependency update Mar 1, 2016
karma.conf.js Testing Sep 3, 2015
package.json version bump w/ dependency update Mar 1, 2016

README.md

angular-centered

Build Status

An angular directive for rendering a vertically and horizontally positioned overlay.

fiddle : http://jsfiddle.net/vCL9P/2/

bower : bower install angular-centered

npm : npm install angular-centered

<div ng-app="myApp">
  <centered>
    <h2>This text should be centered</h2>
  </centered>
</div>
.angular-center-container {
  position: fixed;
  top:0;
    left:0;
    height:100%;
    width:100%;
    display:table;
    pointer-events: none;
    z-index:9999;
}
.angular-centered {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}
angular.module("myApp", ["angular-centered"]);