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

Messages bubbles with errors are clickable

Browse source 
For messages with errors, clicking anywhere inside the bubble takes you
to the message detail view.

// FREEBIE
This commit is contained in:
lilia 2015-10-23 17:20:24 -07:00
parent c79a917bbe
commit 47befdbf61
3 changed files with 14 additions and 11 deletions
Download patch file Download diff file Expand all files Collapse all files

5
js/views/message_view.js
View file

@ -16,7 +16,8 @@
this.listenTo(this.model, 'destroy', this.remove);
},
events: {
'click .timestamp': 'select'
'click .timestamp': 'select',
'click .error': 'select'
},
select: function() {
this.$el.trigger('select', {message: this.model});
@ -35,7 +36,7 @@
renderErrors: function() {
var errors = this.model.get('errors');
if (_.size(errors) > 0) {
this.$el.addClass('error');
this.$('.bubble').addClass('error');
if (this.model.isIncoming()) {
this.$('.content').text(this.model.getDescription()).addClass('error-message');
}

1
stylesheets/_conversation.scss
View file

@ -263,6 +263,7 @@
}
.error.bubble {
cursor: pointer;
background: url('/images/error_red.png') no-repeat;
}
.incoming .error.bubble {

1
stylesheets/manifest.css
View file

@ -731,6 +731,7 @@ input.search {
opacity: 1.0; }
.message-detail .error.bubble,
.message-list .error.bubble {
cursor: pointer;
background: url("/images/error_red.png") no-repeat; }
.message-detail .incoming .error.bubble,
.message-list .incoming .error.bubble {