Commons 6.x-2.3.
In the Commons Roots theme some page elements on Admin pages are shifted off the screen. Found so far:
- admin/settings/performance
- admin/user/permissions

I've attached a screen capture of the admin/user/permissions screen.

CommentFileSizeAuthor
shiftproblemcap.png35.02 KBdale42

Comments

dale42’s picture

The problem also occurs on the People (/users) page. The "Filters" collapsed fieldset is shifted off the page. Not positive, but seems to be related to css around <legend> tag.

dale42’s picture

This appears to be a Firefox (pc/mac) only problem.

james marks’s picture

Version: » 6.x-2.9

This is caused by Firefox improperly rendering the .block float: left; style beginning on line 1013 of the fusion_core styles.css stylesheet as applied to breadcrumbs block.

The float in this:

.block {
  float: left; /* LTR */
  margin-bottom: 1.5em;
  width: 100%;
}

improperly displays this:

<div id="breadcrumbs" class="breadcrumbs block">

which then interferes with the display of the .block items that follow. One fix is to remove the float from the breadcrumbs div on the admin page. If you're using the (default) admin module with toolbar, you can add this to your CSS:

body.admin-nw div#breadcrumbs.block,
body.admin-vertical div#breadcrumbs.block,
body.admin-df div#breadcrumbs.block {
  float: none;
}

If you're not using the admin toolbar, you'll have to find another way to target the breadcrumbs on an admin page, possibly by changing an admin page template to include an 'admin' class which would allow you to use something like this:

body .admin div#breadcrumbs.block {
  float: none;
}
james marks’s picture

Turns out the Firefox display bug affects blocks on non-admin pages as well so it might be better to just add this to your CSS and then look for anything it might break:

div#breadcrumbs.block {
  float: none;
}