Tweak participants' toggle so that widths don't need to be hardcoded.

This commit is contained in:
JC Brand 2014-10-19 15:09:29 +02:00
parent 35928308c8
commit aa2c38548c

View File

@ -2264,19 +2264,17 @@
if (!this.model.get('hidden_occupants')) { if (!this.model.get('hidden_occupants')) {
this.model.save({hidden_occupants: true}); this.model.save({hidden_occupants: true});
$el.removeClass('icon-hide-users').addClass('icon-show-users'); $el.removeClass('icon-hide-users').addClass('icon-show-users');
this.$('div.participants').animate({width: 0}).hide(); this.$('form.sendXMPPMessage, .chat-area').animate({width: '100%'});
this.$('.chat-area').animate({width: '100%'}, $.proxy(function () { this.$('div.participants').animate({width: 0}, $.proxy(function () {
this.scrollDown(); this.scrollDown();
}, this)); }, this));
this.$('form.sendXMPPMessage').animate({width: '100%'});
} else { } else {
this.model.save({hidden_occupants: false}); this.model.save({hidden_occupants: false});
$el.removeClass('icon-show-users').addClass('icon-hide-users'); $el.removeClass('icon-show-users').addClass('icon-hide-users');
this.$('.chat-area').animate({width: '200px'}, $.proxy(function () { this.$('.chat-area, form.sendXMPPMessage').css({width: ''});
this.$('div.participants').css({width: '100px'}).show(); this.$('div.participants').show().animate({width: 'auto'}, $.proxy(function () {
this.scrollDown(); this.scrollDown();
}, this)); }, this));
this.$('form.sendXMPPMessage').animate({width: '200px'});
} }
}, },