Add an Input to the Drawer component to have more flexibility over if content is pushed or covered on hover

[alyanaseer-eaton]

Describe the desired feature/functionality

Currently there is no easy/clean way to specify a particular behaviour when hovering over the Drawer component. It would be interesting to give developers the option to choose between covering the content or pushing the content when the Drawer component is hovered.

Additional Context (where / how would this be used)

This ask comes from the CYME team who'd like to support a persistent menu (which on click of the hamburger button would open the drawer and push the content) but a sort of temporary hybrid on hover (where the menu would hide the content).

Is this request related to a current issue?

Relates to a previously closed task, marked as "won't do" (#446)

Suggested implementation details

Could be something like adding a hover property like: hoverStyle: 'content-cover' | 'content-push'. In the case of content-cover we should set this styling:

.blui-drawer-layout-nav-content {
    margin-left: 3.5rem !important;
}

[alyanaseer-eaton]

This task will be worked on by a CYME developer