Merge pull request #45 from jesusoterogomez/fix/26/multiline_content/1

Support for multiline content
jesusoterogomez · Oct 20, 2017 · b35b59b · b35b59b
2 parents 1fa0a0c + 9f34409
commit b35b59b
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 12 deletions.
diff --git 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
@@ -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,26 +32,26 @@ class Stylesheet {
             },
             content: {
                 cursor: 'pointer',
-                display: 'inline',
+                display: 'inline-block',
                 width: 'auto',
                 borderRadius: '0 0 4px 4px',
                 backgroundColor: 'white',
                 padding: '10px 30px',
                 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%)'
             }
         };
     }