In 7.26 using the Seven admin theme overlay, the grey shortcut menu masks the tabs on - for example - People (see screenshot)

It's possible (but not necessarily intuitive) to click off the grey shortcut menu, but I prefer to add a 75px margin to drop the page content below the problem area. Since this involves the sin of hacking core, I would much rather see it fixed centrally in 7.27, even though it's a pretty minor matter.

File extract from: site_root//modules/overlay/overlay-child.css (~ lines 17-27)

#overlay {
display: table;
margin: 0 auto; /* a change to 75px [replacing 0 as the first item after the colon] clears the overlay menu */
min-height: 100px;
min-width: 700px;
position: relative;
padding: .2em;
padding-bottom: 2em;
padding-right: 26px; /* LTR */
width: 88%;
}

This is happening on Chrome Version 32.0.1700.102 & Firefox 27.0 on Ubuntu 13.10 - but colleagues have also demonstrated it using Chrome on Windows 8

The main theme in use on the site is Bootstrap 3

Thanks, Stonezafu

CommentFileSizeAuthor
seven_disruptive_overlay.png28.07 KBstonezafu
Support from Acquia helps fund testing for Drupal Acquia logo

Comments

stonezafu’s picture

Issue summary: View changes
LewisNyman’s picture

Component: Seven theme » overlay.module

This looks like a problem with the overlay itself. Is there anything in your front-end theme that could be affecting this? Because I don't see this happening on a fresh install.

stonezafu’s picture

Thanks for that thought. I've quickly scanned the CSS for Bootstrap 3, and there are several !important declarations for the overlay positioning that may well be the source of the issue. I'll dig into this some more and let you know the outcome.

LewisNyman’s picture

Status: Active » Closed (works as designed)
Issue tags: +frontend, +CSS

Closing this on the assumption this is a problem with the bootstrap integration and not core. Feel free to reopen if it's not