Project

General

Profile

Actions

Feature #7943

closed

Overflow scrolling for top navigation drop-down menus in Fixed mode

Added by Ken Moini over 6 years ago. Updated 14 days ago.

Status:
Resolved
Priority:
Normal
Assignee:
Category:
Web Interface
Target version:
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

pfSenseError.png (172 KB) pfSenseError.png pfSense webConfigurator DropDown Scroll Issue Ken Moini, 10/15/2017 01:55 PM
pfSenseFix.png (159 KB) pfSenseFix.png pfSense webConfigurator DropDown Scroll Fix Ken Moini, 10/15/2017 01:58 PM

Related issues

Has duplicate Feature #10271: Large number of VLAN/LANs make "Interfaces" menu hard to accessResolved02/20/2020

Actions
Actions

Also available in: Atom PDF