Directive to dynamically add absolute position to a targeted element and to position it vertically centered.
To use this directive in your projects, you must include its dependencies. Asumming you already have angular and jquery libraries included in your project, you're going to need the main directive file: VerticallyCenteredElement.js
Once you've checked that everything is in place, you can use this directive like so:
<div vertically-centered-element centering-animation="500">centered element</div>
or
<vertically-centered-element centering-animation="500">
<div>centered element</div>
</vertically-centered-element>
centering-animation
It dictates if an animation should be used to vertically center an element. Value should be given in milliseconds.