[Bug] Mobile-responsive Hamburger not visible

[milesflo]

Mobile-responsive Hamburger not visible

Request Type

Bug

Work Environment

Question	Answer
TheHive version / git hash	3.4.0
Package Type	Docker
Browser type & version	Firefox

Problem Description

TheHive's responsive hamburger menu is not correctly stylized to appear.

(Note that when I say 'mobile', I'm referring to the small side of responsive design, not that this service should be accessible from a phone)

At first, I thought there wasn't a hamburger menu to begin with, but mousing over the expected position revealed that there is a button there.

The button contains 3 spans with the class icon-bar:

Steps to Reproduce

1. Open TheHive site
2. Make browser narrow
3. Observe lack of hamburger menu

Possible Solutions

This CSS class should be altered to have the property background-color: white;

Result:

Alternatively, you can use the unicode char U+2630 ☰. This is pretty common and means less fighting with CSS, IMO:

[LaZyDK]

Wow. I didn’t even know that we had that button on mobile devices. This has been a nuance for quite some time for me :)

[milesflo]

This is still present in TH4

[milesflo]

@nadouani 🙌 🚀