[FIX] "Enter usernames" placeholder is cutting in "create channel" view

[TheReal1604]

@RocketChat/core

Closes #8785

before:

after:

[rodrigok]

Idk if it's the best solution for it. It will break the input to the second line as soon we add a new tag/user.

@karlprieb thoughts?

[TheReal1604]

@rodrigok with 70% it breaks at the second username and it is displayed correctly..

[ggazzo]

@TheReal1604 flex:1 doesn't solve your problem?

[TheReal1604]

@ggazzo flex:1 seems to fix it at the first view.. BUT.. you get this after entering usernames (also cutted at the end):

[rodrigok]

@TheReal1604 but it's better than create a new line after first tag or cut the placeholder at the beginning don't you think?

[TheReal1604]

@rodrigok For me as a user it looks really unpolished and broken if something gets cutted. :/

I think a better way is to hide the description of the field if a username is selected. This should look consistent. What you think?

[rodrigok]

@karlprieb what do you think 🔝

[karlprieb]

@TheReal1604 @rodrigok I agree, we can use flex: 1 to fix the "placeholder" width and when the first user is added we can hide/remove the placeholder.

[TheReal1604]

That sounds awesome! @karlprieb I have unfortunately no idea how to do the hiding thing. I correct the pull request to flex:1. Can you take a look? (Or give me an idea how to do it?) ;-)

[karlprieb]

@TheReal1604 Yep, I'll take a look! :)

[rodrigok]

@ggazzo meanwhile I'll merge this PR cuz it improves the current behavior.