Project

General

Profile

Cleanup #41155

Updated by Ernesto Puerta over 4 years ago

Current horizontal navbar: 

 !current.png! 

 Issues: 
 * Requires 2 vertical rows (main menu and helper menu), 10% of the vertical space (100px in a 1080px height screen). 
 * Cannot be hidden unless collapsed (which requires shrinking the width of the browser window on non-portable media). 

 Proposals (from Patternfly team member Michael Coker): 

 * **Horizontal responsive navbar** 
 - Single row horizontal navbar (7% vert. space) "[example]":https://patternfly-react.surge.sh/patternfly-4/demos/pagelayout/pagelayoutsimplenav/ vertical space): 

 !pagelayouthorizontalnav.gif! !horizontal_single_row.png! 

 * **Vertical - Vertical auto-hiding navbar**    (7% vert. space) "[example]":https://patternfly-react.surge.sh/patternfly-4/demos/pagelayout/pagelayouthorizontalnav/ 

 navbar: 
 !pagelayoutsimplenav.gif! 

Back