Add title bar label to new conversation view

This commit is contained in:
lilia 2015-01-26 12:04:46 -10:00
parent d26dc8c7e6
commit b1ad04298f
4 changed files with 34 additions and 10 deletions

View file

@ -15,7 +15,10 @@
</head>
<body class='signal index'>
<div class='title-bar' id='header'>
<button class='back'></button>
<div class='back'>
<button></button>
<span>New Message</span>
</div>
</div>
<div class='notifications'>
<div class='notification info'>

View file

@ -47,7 +47,7 @@
}.bind(this));
},
events: {
'click .back': 'hideCompose',
'click .back button': 'hideCompose',
'click .fab': 'showCompose',
'keyup input.new-message': 'compose',
'open .contact': 'openConversation'

View file

@ -17,10 +17,22 @@ input.new-message {
.back {
display: none;
float: left;
width: 36px;
height: 36px;
background: $blue url('/images/back.png') no-repeat center center;
text-align: center;
button {
float: left;
width: 36px;
height: 36px;
background: $blue url('/images/back.png') no-repeat center center;
}
span {
display: inline-block;
height: 36px;
line-height: 36px;
font-size: 18px;
color: white;
text-indent: -36px;
}
}
.fab {

View file

@ -11,10 +11,19 @@ input.new-message {
.back {
display: none;
float: left;
width: 36px;
height: 36px;
background: #2a92e7 url("/images/back.png") no-repeat center center; }
text-align: center; }
.back button {
float: left;
width: 36px;
height: 36px;
background: #2a92e7 url("/images/back.png") no-repeat center center; }
.back span {
display: inline-block;
height: 36px;
line-height: 36px;
font-size: 18px;
color: white;
text-indent: -36px; }
.fab {
z-index: 1;