Tab Containment with Giordani (on My Profile page)

scotese - August 16, 2009 - 14:04
Project:Marinelli
Version:6.x-2.95
Component:Code
Category:bug report
Priority:critical
Assigned:Unassigned
Status:closed
Description

On the My Profile page, the tabbed choices for Users are not contained within the Middle Content Area, but instead extend right across the sidebar and off the screen to the right. When I switch to another theme the tabs behave normally and are contained within the middle section (beginning new rows when they reach the end of the middle content area). What can I do? Thanks. The site is www.awaytoteach.net

#1

roydean - August 31, 2009 - 17:57
Priority:normal» critical

I have this same issue. Actually my problem is with a modified version of the base Marinelli theme but unmodified version has the same problem. Please advise.

When this is added to the layout.css file in the /* admin panel styles */ section, it seems to at least make the tabs accessible:

div.tabs {
overflow: scroll;
}

Is this the only way to effectively make the list of tabs accessible. I would rather they wrap, but I don't know what setting to add to make that happen.

#2

strellman - October 13, 2009 - 14:20
Status:active» fixed

To make tabs wrap to multiple lines put the following in your subtheme .css file:

ul.tabs {
white-space: normal;
}

Be aware that it may wrap a tab of multiple words in between words.
I finally found this myself at http://drupal.org/node/240096#comment-881922

You may also be interested in removing tabs http://drupal.org/node/483324
This how to create a sub-theme was also helpful http://drupal.org/node/441088

#3

Carlos Miranda Levy - October 15, 2009 - 20:50

To prevent the words within the tabs to wrap, just do nowrap for the li element:

ul.tabs.primary,
ul.tabs.secondary {
white-space: normal;
}

ul.tabs.primary li,
ul.tabs.secondary li {
white-space: nowrap;
}

#4

System Message - October 29, 2009 - 21:00
Status:fixed» closed

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

 
 

Drupal is a registered trademark of Dries Buytaert.