Actions
Feature #7943
closedOverflow scrolling for top navigation drop-down menus in Fixed mode
Start date:
10/15/2017
Due date:
% Done:
100%
Estimated time:
0.01 h
Plus Target Version:
24.03
Release Notes:
Default
Description
Some resolutions (16:9 on laptops) don't have the vertical height to display all drop down menu items on items such as "Services" and "Diagnostics." See attachment for depicted example.
Adding two modifiers to the CSS stylesheet fixes this issue with no issues for displays with enough vertical height to display the full drop down list.
#pf-navbar .navbar-nav > li > .dropdown-menu {
max-height: calc(100vh - 55px);
overflow:auto;
}
See attached file for fix depiction. Might need to place in specific media-query segments of stylesheet to prevent affecting mobile users if the bootstrap base is responsive.
Thanks in advanced,
-Ken Moini
Files
Related issues
Actions
Also available in: Atom