mirrors/signal-desktop
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages 2 Wiki Activity Actions

Add title bar label to new conversation view

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

5
index.html
View file

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

2
js/views/inbox_view.js
View file

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

20
stylesheets/index.scss
View file

@ -17,10 +17,22 @@ input.new-message {
.back { .back {
display: none; display: none;
float: left; text-align: center;
width: 36px; button {
height: 36px; float: left;
background: $blue url('/images/back.png') no-repeat center center; 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 { .fab {

17
stylesheets/manifest.css
View file

@ -11,10 +11,19 @@ input.new-message {
.back { .back {
display: none; display: none;
float: left; text-align: center; }
width: 36px; .back button {
height: 36px; float: left;
background: #2a92e7 url("/images/back.png") no-repeat center center; } 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 { .fab {
z-index: 1; z-index: 1;