diff --git a/CHANGELOG.md b/CHANGELOG.md index a3b7ec1..5b95177 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -4,10 +4,12 @@ This project adheres to [Semantic Versioning](http://semver.org/). ## [Unreleased] ### Added +- [\#26] Support for multiline texts ### Changed ### Fixed +- [\#44] Fixed animation positioning for content that's more than 3 lines of height ## [0.3.2] - 2017-08-23 - [\#42] Show queue was not working due to references to non existing variables diff --git a/src/stylesheet.js b/src/stylesheet.js index e1c1c61..f0b41fa 100644 --- a/src/stylesheet.js +++ b/src/stylesheet.js @@ -12,7 +12,7 @@ class Stylesheet { width: '50%', margin: '0 auto', right: '0px', - top: '-100px', + bottom: '100%', left: '0px', textAlign: 'center', zIndex: defaults.zIndex, @@ -32,7 +32,7 @@ class Stylesheet { }, content: { cursor: 'pointer', - display: 'inline', + display: 'inline-block', width: 'auto', borderRadius: '0 0 4px 4px', backgroundColor: 'white', @@ -40,18 +40,18 @@ class Stylesheet { pointerEvents: 'all' }, show: { - transform: 'translateY(108px)', - msTransform: 'translateY(108px)', - WebkitTransform: 'translateY(108px)', - OTransform: 'translateY(108px)', - MozTransform: 'translateY(108px)' + transform: 'translateY(100%)', + msTransform: 'translateY(100%)', + WebkitTransform: 'translateY(100%)', + OTransform: 'translateY(100%)', + MozTransform: 'translateY(100%)' }, hide: { - transform: 'translateY(-108px)', - msTransform: 'translateY(-108px)', - WebkitTransform: 'translateY(-108px)', - OTransform: 'translateY(-108px)', - MozTransform: 'translateY(-108px)' + transform: 'translateY(-100%)', + msTransform: 'translateY(-100%)', + WebkitTransform: 'translateY(-100%)', + OTransform: 'translateY(-100%)', + MozTransform: 'translateY(-100%)' } }; }