#kiwi {
overflow:hidden; position:relative;
height:100%;
- font-family:Arial, Helvetica, sans-serif;
- font-size:14px; line-height:1.4em;
background: url(../img/background-light.png) left top repeat-x #E3E3E3;
color: #555555;
}
+#kiwi, #kiwi input, #kiwi textarea {
+ font-family:Arial, Helvetica, sans-serif;
+ font-size:14px; line-height:1.4em;
+}
+
-#kiwi input {
+#kiwi input, textarea {
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.5),0 1px 0px rgba(255, 255, 255, 0.3);
border: none;
border-radius: 3px;
right:7px; left: 12.2em;
height:1.7em;
}
-#controlbox .input input {
+#controlbox .input .inp {
border: medium none;
box-shadow: none;
border-radius: 0;
- outline:none;
+ outline:none; resize:none;
+ overflow:hidden;
position:relative;
height:100%; width:100%;
}
\r
kiwi.view.ControlBox = Backbone.View.extend({\r
events: {\r
- 'keydown input.inp': 'process',\r
+ 'keydown .inp': 'process',\r
'click .nick': 'showNickChange'\r
},\r
\r
inp_val = inp_val.trim();\r
\r
if (inp_val) {\r
- this.processInput(inp_val);\r
+ $.each(inp_val.split('\n'), function (idx, line) {\r
+ that.processInput(line);\r
+ });\r
\r
this.buffer.push(inp_val);\r
this.buffer_pos = this.buffer.length;\r
}\r
\r
inp.val('');\r
+ return false;\r
\r
break;\r
\r
<div id="controlbox">
<div class="input">
<span class="nick"> </span>
- <div class="input_wrap"><input type="text" class="inp" /></div>
+ <div class="input_wrap"><textarea class="inp"></textarea></div>
</div>
</div>
</div>