User should be able to tap/click on "unregistered" label to learn what it means

[vinkabuki]

When we let users join without the community owner being online, we label users who are not registered with an "unregistered" label so that it's clear their names are not final yet.

Users should be able to click or tap on this label to see an explanation of what it means. Designs:

https://www.figma.com/file/TV9pF84Ob8pLYRLu83gNol/Joining-when-owner-is-offline?type=design&node-id=311-5980&mode=design&t=zJWpEmDpd1LSWwEO-4

[kingalg]

@holmesworcester @vinkabuki - could you please provide some designs and more detailed description?

[holmesworcester]

I didn't create this issue so I'm actually not sure what is meant here. I think this was created when we split the epic and it's based on the designs, but because there's no description I don't know what it means :)

We need to add a few lines of issue description even if it seems obvious!

Moving to 'blocked'

UPDATE: I now realize what this is about. Adding details. @kingalg let me know if this is not sufficiently clear.

[vinkabuki]

It was just copy-pasted from #1340, so I also didn't know details.

[kingalg]

Version: 2.0.0-alpha.12
System: Windows, MacOS, Linux

User is able to click on "unregistered" to get details.
Inside popup "OK" and X (close) buttons are working.

Issue can be closed after checking this on mobiles that are not yet ready.

[kingalg]

[email protected] (iOS 325)
System: android and ios

Button works correctly on mobile devices. I'm not sure about matching design. Is the one on figma intended to cover half of the screen and our implementation is wrong or what we did is correct? @holmesworcester
Our implementation:

Figma design:

[holmesworcester]

The figma version is correct. We have an animated drawer that animates up from the bottom of the screen that we use for settings. It should use this. This should be fixed.

[kingalg]

@vinkabuki @Kacper-RF which of you did work on that? Could you take this back and correct it according to figma design? (FYI - buttons are working correctly).

[Kacper-RF]

I'll take care of it

[Kacper-RF]

#1985

EDIT: fixed spacings

[siepra]

This design is bad. It's hard to read, spacings are inconsistent and the button is definitely too small

[kingalg]

It's still a little different then in designs - there is a break between sentences. I think that with break it's better but still - not like in designs. Below you can see screen from IOS. @holmesworcester do you accept this version?

[holmesworcester]

Let's stick to the designs. These small things add up.

The two differences I see are the line break and the style of the button.

[kingalg]

[email protected] (iOS 333)

Now it's matching figma design.