v1.2.2

1. Replacing live example host to be on github pages, now on: https://myheritage.github.io/UiZoo.js/
2. Minor bug fixes.

README.md

@@ -1,5 +1,5 @@
 # UiZoo.js - Dynamic React components library
-Try our live example [here](https://uizoo.herokuapp.com/).
+Try our live example [here](https://myheritage.github.io/UiZoo.js/).
 
 ## About
 How many times did you create a new component just to find later someone already did the exact same?

client/Components/UI/Card/index.js

@@ -17,7 +17,7 @@ import './index.scss';
  * <Card>
  *  <div>Card content</div>
  *  <br/>
- *  <img src="https://i.imgur.com/8CoNRCD.gif"></img>
+ *  <img src="https://i.imgur.com/8CoNRCD.gif" style={{maxWidth: '100%'}}></img>
  * </Card>
  *
  * @param {String} [className] Append class name to container

client/Components/UI/Collapsible/index.js

@@ -67,7 +67,7 @@ export default class Collapsible extends React.Component {
      */
     updateContentMaxHeight(isOpen) {
         let newMaxHeight = isOpen ? this.contentRef.clientHeight + 500 : 0;
-        this.contentContainerRef.style.maxHeight = newMaxHeight;
+        this.contentContainerRef.style.maxHeight = `${newMaxHeight}px`;
     }
 
     /**

client/Components/UI/TextField/index.js

@@ -51,7 +51,7 @@ export default class TextField extends React.Component {
      */
     setTextareaHeight() {
         if (this.textarea) {
-            this.textarea.style.height = this.textarea.scrollHeight;
+            this.textarea.style.height = `${this.textarea.scrollHeight || 0}px`;
         }
     }
 

client/Components/UI/TextField/index.scss

@@ -36,14 +36,14 @@
         position: absolute;
         height: 2px;
         background: #00bcd4;
-        width: 0;
+        width: 100%;
         bottom: 0;
-        left: 50%;
+        left: 0;
+        transform: scaleX(0);
         transition: all .3s ease;
     }
 
     &.is-focused:after {
-        width: 100%;
-        left: 0;
+        transform: scaleX(1);
     }
 }

package.json

@@ -1,6 +1,6 @@
 {
   "name": "uizoo",
-  "version": "1.2.1",
+  "version": "1.2.2",
   "description": "Dynamic React Component Library",
   "scripts": {
     "start": "npm run gulp:w",