drawer

description

A container with changing inner-content. e.g. used for mobile-navigations or side meu.

NOTE:

Some frames (not all) in drawer take the class .h-pad-xl;
It is a CSS helperclass for a responsive padding management;
Not every frame needs this class;
It is only used for regular drawer pages like "Nachschlagewerk" or "Zusätzliche Inhalte". They don't have a specific layout;
F.ex. not for .question because it uses .tile which has its own padding management.

UPDATED 3.3.0:

Added media query for screen widths between 1025px & 1280px (width = 33vw)

UPDATED 2.7.0:

.drawer-impersonate-container, needs to be wrapped around image and a div with "Berateransicht {Company}", to display impersonated company to consultants. (See impersonate mode)

UPDATED 1.8.0:

Width is set in component and not by navigation.

UPDATED 0.11.0:

Added new button .icontext in the profile category;
Opens page with a form to subscribe for an organisation;
As a logged in user, you can inscribe an new organisation there.

Small style and layout changes to embed support in catergory "Help" (.question);
Visual improvement for small screen heights; "Häufige Fragen" gets class .tile

UPDATED 0.10.0:

Regarding the menu bar:
new categories: dashboard (home grid), dots (other contents)
new icons: dashboard, question mark, dots

Regarding the content:
category titles inside the navigation
another place for the nav-back buttons
a new structure for the content

Regarding the support:
new style
start tutorial button
input-swith for hide/show tooltips

UPDATED 0.6.0:

renamed class from
.open to .in due to consistency to other components.
(old class still works, backwards compability should be removed for 1.0.0).
reel is a component now, possible to be used idependently.

UPDATED 0.5.0:

renamed classes from

.nav-panel to .drawer

.nav-slides to .reel

.nav-slide to .frame

due to consistency (old class still works, backwards compability should be removed for 1.0.0).