From 492fc46fb8862e2553852f6009addc3ff550365e Mon Sep 17 00:00:00 2001 From: Ben Ogle Date: Fri, 26 Jul 2013 17:08:52 -0700 Subject: [PATCH] Add avatar when video hidden --- src/packages/collaboration/lib/participant-view.coffee | 8 ++++---- src/packages/collaboration/stylesheets/collaboration.less | 3 ++- 2 files changed, 6 insertions(+), 5 deletions(-) diff --git a/src/packages/collaboration/lib/participant-view.coffee b/src/packages/collaboration/lib/participant-view.coffee index 94a577821..b23dcad13 100644 --- a/src/packages/collaboration/lib/participant-view.coffee +++ b/src/packages/collaboration/lib/participant-view.coffee @@ -18,11 +18,11 @@ class ParticipantView extends View @participant.getMediaConnection().getInboundStreamPromise().done (stream) => @video[0].src = URL.createObjectURL(stream) - @video.click => - @toggleClass('large') + @video.click => @toggleClass('large') + @avatar.click => @toggleClass('large') - #emailMd5 = crypto.createHash('md5').update(@participant.email).digest('hex') - #@avatar.css('background-image': "http://www.gravatar.com/avatar/#{emailMd5}?s=160") + emailMd5 = crypto.createHash('md5').update(@participant.state.email).digest('hex') + @avatar.css('background-image': "url(http://www.gravatar.com/avatar/#{emailMd5}?s=160)") @removeButton.click @onClickRemove @toggleVideoButton.click @onClickToggleVideo diff --git a/src/packages/collaboration/stylesheets/collaboration.less b/src/packages/collaboration/stylesheets/collaboration.less index 30f46fee5..3bf2f6dd4 100644 --- a/src/packages/collaboration/stylesheets/collaboration.less +++ b/src/packages/collaboration/stylesheets/collaboration.less @@ -49,12 +49,13 @@ width: @small-width; height: @small-width; background-size: cover; + background-position: 0 center; } &.large { .avatar { width: @large-width; - height: @large-width; + height: @large-width / 1.333; } } }