mirror of
https://github.com/ENSL/ensl_gathers.git
synced 2024-11-10 15:21:56 +00:00
Limit message box height
This commit is contained in:
parent
1681414721
commit
f9848f3edd
3 changed files with 10 additions and 4 deletions
|
@ -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">
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
|
||||
|
|
|
@ -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" },
|
||||
|
|
Loading…
Reference in a new issue