[FIX] overlapping text for users-typing-message

[darkv]

@RocketChat/core

Beneath the message input field there is a line with formatting tips. If a user in a chat room starts to type a message a user-typing-hint is shown. If the width of the browser window is too narrow that hint will overlay the formatting tips making it hard to read. This patch just sets the background color of the hint element to white to preserve readability.

[CLAassistant]

All committers have signed the CLA.

[jthomae1]

After our last update (0.57.2), I discovered an always visible white bar beneath the message input. It did not take much time to connect this behavior to the "Fix" #6999.

Maybe it's a personal view, but I don't think that this behavior should be the default setting.

It can be changed, if you set the background for the div in the Custom CSS section of the Layout config:
.message-form .users-typing {
background-color: << Insert content-background-color >> !important;
}