Matrix/element-web
Matrix/element-web
1
0
Fork 0
mirror of https://github.com/vector-im/element-web.git synced 2024-09-19 19:45:10 +00:00
Code Issues Projects Releases Packages Wiki Activity

fix up new message layout

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

12
src/skins/vector/css/organisms/RoomView.css
View file

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

BIN
src/skins/vector/img/newmessages.png
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 213 B

After

Width:  |  Height:  |  Size: 590 B

2
src/skins/vector/views/organisms/RoomView.js
View file

@ -175,7 +175,7 @@ module.exports = React.createClass({
if (unreadMsgs) { if (unreadMsgs) {
statusBar = ( statusBar = (
<div className="mx_RoomView_unreadMessagesBar" onClick={ this.scrollToBottom }> <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} {unreadMsgs}
</div> </div>
); );