Fix positioning and animation transition values, closes #44

- Added support for multiline content, closes #26
jesusoterogomez · Oct 20, 2017 · 62e0fb4 · 62e0fb4
1 parent 149dd9e
commit 62e0fb4
Showing 1 changed file with 12 additions and 12 deletions.
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%)'
             }
         };
     }