Project

General

Profile

Cleanup #41155

Updated by Ernesto Puerta over 4 years ago

h2. Current horizontal navbar navbar: 

 !current.png! 

 h3. Issues 

 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). 

 h2. Proposals (from Patternfly team member Michael Coker): 

 h3. Horizontal * **Horizontal responsive navbar 

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

 !pagelayouthorizontalnav.gif! 

 h3. Vertical * **Vertical auto-hiding navbar 

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

 !pagelayoutsimplenav.gif! 

Back