:root { --APPLICATION__collapsed-navigation-width: 75px; } #BASE__collapsedNavigationColumn { position : absolute ; z-index : 500 ; top : 10px ; width : var(--APPLICATION__collapsed-navigation-width); height : calc(100% - 20px) ; padding : 5px 0px 5px 0px ; margin-right: 10px ; margin-left : 0px ; } /* ===== Collapsed navigation state handled via a single class on ===== */ html.navigation-collapsed #BASE__navigationColumn { display : none !important; } html.navigation-collapsed #BASE__collapsedNavigationColumn { display : block !important; } html.navigation-collapsed #BASE__mainContentColumn { margin-left : var(--APPLICATION__collapsed-navigation-width) !important; width : calc(100% - var(--APPLICATION__collapsed-navigation-width)) !important; } html.navigation-collapsed #APPLICATION__collapsedNavigationCard { display : flex !important; }