Rocket.chat: Search bar overlapping display with buttons

[demetriolinares]

Description:

When clicking on Search button, Search bar overlaps with buttons (Search, Directory, View mode, Sort, Create a New Channel)

Server Setup Information:

• Version of Rocket.Chat Server: 0.63.2
• Operating System: Ubuntu
• Deployment Method(snap/docker/tar/etc): tar
• Number of Running Instances:
• DB Replicaset Oplog:
• Node Version: 8.9.4
• mongoDB Version:

Steps to Reproduce:

1. Click on Search button

Expected behavior:

Search bar opening under the buttons, or hiding buttons

Actual behavior:

Search bar overlaps with buttons, displaying both things together

Relevant logs:

[kaiiiiiiiii]

I cannot reproduce this error in v0.63.3. Tested with Windows (Desktop Client, Chrome 65.0.3325.181) and Mac (Desktop Client, Chrome 65.0.3325.181).

Can you please provide more informations about your system?

[demetriolinares]

@kaiiiiiiiii Thanks for the quick reply!
I updated the case with some data I could collect. Hope it helps.

[demetriolinares]

We solved it! There was a wrong value at "Primary Darkest" color. Thanks!

[qasim-arbisoft]

I still see the error on 0.65.1

Is there a fix via configuration?

[vynmera]

@qasim-arbisoft Have you tried changing Primary Darkest?

Administration → Layout → Primary Darkest
Check its setting, if it is invalid the background of the Search field will be transparent. This is working as intended~

[qasim-arbisoft]

Thanks @vynmera . It's fixed now!