On some administrative dashboards, especially when there is a large table, the main content comes over the right sidebar and may hide some important notices.

It should be great to add a overflow-x: auto; on the main wrapper and use a jQuery plugin to allow horizontal scrolling using the mouse whell. For example : jQuery horizontal scrollbar.

Or simply use the HTML5 javascript mouseWheel behavior.

Support from Acquia helps fund testing for Drupal Acquia logo

Comments

danielrico’s picture

Overflow-x added to #main_content on all pages, except on the module page when module filter ( https://drupal.org/project/module_filter ) is active.
If module filter is used and a class .page-module-filter is added to the body, overflow-x will be applied to .module-filter-squeeze.

danielrico’s picture

Status: Active » Needs review
FileSize
2.6 KB

Actual patch attached.

Other modifications :
- Background color to distinguish modules from other elements on permission page
- Same color applied on same item types on block management page to keep a visual and functionnal consistence
- Removed background color on tbody>th as it is not useful (for now at least). Applied standard text color to avoid the white text on white background problem encountered before.

B-Prod’s picture

Status: Needs review » Reviewed & tested by the community

The patch is OK for the scrollbar, you could commit it then I will work on the JavaScript stuff.

danielrico’s picture

Status: Reviewed & tested by the community » Needs work

Committed to the DEV version: f9239ef8b89b05ebb5535f21148ec407985d3c0b

B-Prod’s picture

Status: Needs work » Fixed

Finally I used the following plugin: https://github.com/brandonaaron/jquery-mousewheel
Ported to the DEV branch.

Status: Fixed » Closed (fixed)

Automatically closed -- issue fixed for 2 weeks with no activity.