feature(smalltalk) cut content when it is to large

Author: coderaiser

css/smalltalk.css

@@ -57,6 +57,11 @@
 }
 
 .smalltalk .page header {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    max-width: 500px;
+    
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
@@ -70,12 +75,15 @@
 }
 
 .smalltalk .page .content-area {
-    overflow: auto;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    
     padding: 6px 17px 6px;
     position: relative;
     max-width: 500px;
-}    
-    
+}
+
 .smalltalk .page .action-area {
     padding: 14px 17px;
 }

src/smalltalk.js

@@ -21,7 +21,7 @@
 
         this.prompt = (title, msg, value, options) => {
             let val         = value || '';
-            let valueStr    = `<input type="text" value="${ val }" data-name="js-input">`;
+            let valueStr    = `<br><input type="text" value="${ val }" data-name="js-input">`;
 
             return showDialog(title, msg, valueStr, BUTTON_OK_CANCEL, options);
         };