Fix some markup issues

* Remove spurious search div
* Fix nested uls
* Use class name selected, not closed (the inverse)
* Restor nacl div
This commit is contained in:
lilia 2014-08-24 19:28:15 -07:00
parent c2beda8e40
commit 546cdf82cb
5 changed files with 9 additions and 10 deletions

View file

@ -16,6 +16,8 @@
<link href="/stylesheets/bootstrap-tagsinput.css" rel="stylesheet" type="text/css" />
</head>
<body class='signal index' data-name="curve25519" data-tools="pnacl" data-configs="Debug Release" data-path="nacl/pnacl/{config}">
<div id="listener"></div>
<div id="log"></div>
<div class='title-bar' id='header'>
<h1>Signal</h1>
<a href id='new-message'>New message</a>
@ -31,9 +33,6 @@
</a>
</div>
</div>
<div class='search'>
<input name='contact_search' placeholder='Search' type='search'>
</div>
<div id='gutter' class='gutter'>
<div class='search'>
<form>
@ -43,7 +42,7 @@
<div id='contacts'></div>
</div>
<script type='text/x-tmpl-mustache' id='conversation'>
<ul class='discussion'></ul>
<div class='discussion-container'></ul>
<div class='send-message-area'>
<div class='message-composer'>
<form class='send'>

View file

@ -16,8 +16,6 @@ var Whisper = Whisper || {};
this.listenTo(this.model, 'change', this.render); // auto update
this.listenTo(this.model, 'destroy', this.remove); // auto update
this.$el.addClass('closed');
},
open: function(e) {

View file

@ -15,9 +15,9 @@ var Whisper = Whisper || {};
select: function(e) {
var target = $(e.target).closest('.conversation');
if (target.hasClass('closed')) {
target.siblings().addClass('closed');
target.removeClass('closed').addClass('selected');
if (!target.is('.selected')) {
target.siblings().removeClass('slected');
target.addClass('selected');
}
return false;
},

View file

@ -12,7 +12,7 @@ var Whisper = Whisper || {};
this.$el.html(Mustache.render(this.template));
this.view = new Whisper.MessageListView({collection: this.model.messages()});
this.$el.find('.discussion').append(this.view.el);
this.$el.find('.discussion-container').append(this.view.el);
},
events: {
'submit .send': 'sendMessage',

View file

@ -1,3 +1,5 @@
.number.error {
background-color: #ffdddd;
}
#listener, #log { display: none; }