When using this theme and having the situation where a user has multiple tabs on his/her "My Account" (e.g., "View", "Shortcuts", "Edit", "Track", "Contact") these tabs continue off the Content Block region into oblivion and are inaccessible. Any blocks in the "First sidebar" region will cover up these tabs as well plus make a nice mess of things. ;-)

Comparing to the Bartik theme, these tabs will wrap onto a second line instead of off the Content Block region.

What would be a fix for such? Thanks in advance.

Screen shots of this can be provided upon request.

Comments

BrianLP’s picture

BrianLP CreditAttribution: BrianLP commented

I came across this question, too. You might try this and tweak it a bit. This wil break the tabs into the next line and have a bit space between the lines.

ul.tabs.primary {
    white-space: normal;
    border-bottom: none;
}
.tabs li {
    line-height: 2em;
}
LinuxETC’s picture

LinuxETC CreditAttribution: LinuxETC commented

@papalapapp

Could you clarify where this "code tweek" is to be inserted? Thanks.

gtsopour’s picture

gtsopour CreditAttribution: gtsopour commented
Assigned: Unassigned » gtsopour
Issue tags: +corporate, +Corporate Theme, +Corporate Clean Theme
gtsopour’s picture

gtsopour CreditAttribution: gtsopour commented
Status: Active » Fixed

Hello papalapapp and LinuxETC,

you are absolutely right with your mention. Based on papalapapp suggestion, i made and committed (http://drupalcode.org/project/corporateclean.git/commit/c8bc413) the following change to the style.css file. This change will be included to the next Corporate Clean theme 7.x-1.2 version.

Just make the following change to the style.css file (Line 508),
From

ul.tabs { clear:both; margin:20px; }

To

ul.tabs { clear:both; margin:20px; white-space: normal }
ul.tabs li { padding:10px 0; line-height:130%; }

Thanks papalapapp and LinuxETC

LinuxETC’s picture

LinuxETC CreditAttribution: LinuxETC commented
Status: Fixed » Active

@gtsopour

I added the above modifications and still have this issue. I also tried papalapapp's suggestion as well with no difference noticed.

Thoughts and suggestions are welcomed. Thanks in advance.

gtsopour’s picture

gtsopour CreditAttribution: gtsopour commented

Hello LinuxETC,

I've tried this implementation and worked well. That's why i committed those changes.

LinuxETC, i noticed that in your Drupal implementation https://www.linux-etc.com/ the css files are cached and have not those modifications. After your modifications to the style.css file, did you clear Drupal's performance cache?

Please let me know if it finally worked for you.

Thanks
George

LinuxETC’s picture

LinuxETC CreditAttribution: LinuxETC commented
Status: Active » Fixed

George:

Actually, that is not the site in question but thanks for the look up. ;-)

I did clear the cache on the site in question, so that was the culprit. Thanks for the suggestion.

I did notice that papalapapp's solution might be better since your solution cut a tab in half when it "wrapped" to the next line. papalapapp's solution took the whole tab to the next line appropriately.

Thanks for the assistance once again. Putting this back into "fixed" Status.

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

Anonymous’s picture

(not verified) CreditAttribution: commented
Issue summary: View changes

Adding additional information.

rschletty’s picture

rschletty CreditAttribution: rschletty as a volunteer commented
Issue summary: View changes

Brian LP in #1 had the perfect solution for tabs that were underlapping the right sidebar (and therefore not selectable). Thank you! I simply added this to style.css to get the tabs to wrap within the main content area:

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