fix up new message layout

This commit is contained in:
Matthew Hodgson 2015-10-25 02:09:16 +00:00
parent 9c215efcbf
commit 8ebb8ba427
3 changed files with 5 additions and 9 deletions

View file

@ -174,19 +174,15 @@ limitations under the License.
}
.mx_RoomView_unreadMessagesBar {
margin-top: 13px;
color: #fff;
font-weight: bold;
background-color: #ff0064;
border-radius: 30px;
height: 30px;
line-height: 30px;
color: #ff0064;
cursor: pointer;
margin-top: 5px;
}
.mx_RoomView_unreadMessagesBar img {
padding-left: 22px;
padding-left: 10px;
padding-right: 22px;
vertical-align: middle;
}
.mx_RoomView_typingBar {

Binary file not shown.

Before

Width:  |  Height:  |  Size: 213 B

After

Width:  |  Height:  |  Size: 590 B

View file

@ -175,7 +175,7 @@ module.exports = React.createClass({
if (unreadMsgs) {
statusBar = (
<div className="mx_RoomView_unreadMessagesBar" onClick={ this.scrollToBottom }>
<img src="img/newmessages.png" width="10" height="12" alt=""/>
<img src="img/newmessages.png" width="24" height="24" alt=""/>
{unreadMsgs}
</div>
);