Limit message box height

This commit is contained in:
Chris Blanchard 2015-08-27 15:14:00 +01:00
parent 1681414721
commit f9848f3edd
3 changed files with 10 additions and 4 deletions

View file

@ -44,7 +44,7 @@ var Chatroom = React.createClass({
<ChatMessage message={message} key={message.id} />
);
return (
<div className="panel panel-default">
<div className="panel panel-default chatbox">
<div className="panel-heading">Gather Chat</div>
<div className="panel-body">
<ul className="chat" id="chatmessages" ref="messageContainer">

View file

@ -1,3 +1,6 @@
html, body {
height: 100%;
}
#gathers {
margin-top: 20px;
@ -7,13 +10,16 @@
margin-top: 20px;
}
.chatbox {
}
.add-left {
margin-left: 10px;
}
#chatmessages {
max-height: 70%;
min-height: 70%;
height: 480px;
overflow-y: scroll;
}

View file

@ -1212,7 +1212,7 @@ var Chatroom = React.createClass({
});
return React.createElement(
"div",
{ className: "panel panel-default" },
{ className: "panel panel-default chatbox" },
React.createElement(
"div",
{ className: "panel-heading" },