Incoming call design enhancements

[jancborchardt]

• The avatar when you get a call from someone else should be even bigger – and when you accepted it and it’s a voice call, the avatar should be exactly the same size (bigger than now)
• When you accept the call, it shouldn’t animate to the right but just morph the view (cause the buttons are basically the same) and replace the avatar with the video (or keep avatar, when it’s a video call)

(Copied over from #200 (comment) )

[mario]

Thanks. Now please copy the new screen designs you had in some other repo xD

[jancborchardt]

The mockup discussion is in nextcloud/spreed#1011

We settled on the middle version: larger picture, and picture doubled in blurry in the background:

With some dark fade on the top so the white text can be read. (Like fading rgba(50,50,50,.5) on the top to transparency further down.)

[mario]

This looks quite ugly.

[jancborchardt]

Well, of course it should only be done if there’s actually an avatar set. ;) For placeholders it does not make sense and we can keep the black background. Or if there’s a way to do that, fill the background with the background color of the avatar placeholder.

Also, it looks like the M in the background is stretched in height. We should not stretch the faces, but make them fill the screen (it's fine if the sides or top/bottom is cut off, it's blurred anyway).

[mario]

@jancborchardt you know we AFAIK can't know if there's an avatar set or not. Poking @nickvergessen, maybe he knows more about this.

You will have to clarify what you mean by "fill the screen".

[nickvergessen]

Not sure how you are getting the avatars atm. But in the web UI we query the URL and when it' 404 we create the FirstChar thingy.

[mario]

The letter avatar is generated and returned by the server if no avatar is set. There is no 404 involved.

…

On Tue, 31 Jul 2018, 09:57 Joas Schilling, ***@***.***> wrote: Not sure how you are getting the avatars atm. But in the web UI we query the URL and when it' 404 we create the FirstChar thingy. — You are receiving this because you commented. Reply to this email directly, view it on GitHub <#223 (comment)>, or mute the thread <https://github.com/notifications/unsubscribe-auth/AAAWsiGOHLFSOWekMHzr0pW6v1A7AT_-ks5uMA32gaJpZM4U_TUm> .