Как правильно реализовать всплывающее меню со сдвигом контента?

Question

[iBird Rose]

Дизайна к сожалению нет. объясню на пальцах.
в общем меню прижато к левому краю и fixed. (свернутое), а при разворачивании(разворачивается горизонтально) оно должно не поверх контентной части развернуться, а сдвинуть контент. тобишь уменьшить ширину контентного блока.
вот думаю как правильно это и красиво реализовать.

upd:
Накидал примерный вид. чтобы понятнее было.

в общем когда это синее меню разворачивается - должно сдвигать контент, при этом оно должно быть фиксированным и на всю высоту браузера

Comments

[Максим Тимофеев]

мало инфы что бы дать хороший совет

[iBird Rose]

Максим Тимофеев: обновил инфу

[Максим Тимофеев]

iBird Rose: 1в1 в adminLTE сделано, посмотрите реализацию - https://almsaeedstudio.com/preview

[iBird Rose]

Максим Тимофеев: твой вариант кстати круче) напиши ответом) отмечу)

[Максим Тимофеев]

iBird Rose: сделал

Answer 1

[blolg]

Tutorial
Slideout.js

Comments

[iBird Rose]

оно) спасибо)

Answer 2

[Максим Тимофеев]

1в1 в adminLTE сделано, посмотрите реализацию - https://almsaeedstudio.com/preview