fix(styles): prevent typing indicator overlay

[dijeth]

☑️ Resolves

• Fix typing indicator is too close to the message input
• Fix typing indicator overlays the message above

🖼️ Screenshots

🏚️ Before	🏡 After

🚧 Tasks

• Behaviour check

🏁 Checklist

• ⛑️ Tests (unit and/or integration) are included or not required
• 📘 API documentation in docs/ has been updated or is not required
• 📗 User documentation in https://github.com/nextcloud/documentation/tree/master/user_manual/talk has been updated or is not required
• 🔖 Capability is added or not needed

[Antreesy]

Hello and thanks for contributing to us!
It's a nice work, but i have found a couple of places, which could be improved. Please see the comments below:

And in addition to that (saw from your screenshot): could the position of "Scroll to bottom" button be corrected, like on the left screenshot?

[dijeth]

Thank you for the comments!
I've done all of them and added a sticky position to scroll-to-bottom button and now its position depends on the height of "new message" block.

[dijeth]

If we hardcode the position of the button, it may happen that button will overlap the text.
Also, the position of the button seems strange when no one is typing. Perhaps we could set the bottom value depending on the typing status.

Wouldn't it be better if we hid the button using opacity? This way the scrolling will not jump and the button position will be adaptive. But we will need to remove the extra space under the text...

[Antreesy]

But we will need to remove the extra space under the text...

That's the side effect of position: sticky I want to avoid

[Antreesy]

Almost there! I have some thoughts on how to make scroll-to-bottom button work, but it requires a lot of code movements. How about we squash your commits into one and merge, and work on button in separate PR?

[Antreesy]

Position of "Scroll to bottom" goes to follow-up, as it needs more than a style refactoring.
The indicator itself is looking great now, thanks again!

[Antreesy]

/backport to stable27