Hi frjo,

when upgrading to Panels 2, I ran into throuble with Local Tasks; the Tabs cluttered the page layout, and broke the page layout; Local Tasks should stack up somehow (e.g. in two rows, one behind each other).

In http://drupal.org/node/238976, sdboyer pointed out, that "this is an issue that has to be resolved in the 'Slash' theme [...] Dealing with large numbers of local tasks is, unfortunately, one of those things that theme developers do often forget to take into account." Additionally, muhleder provided some raw CSS code for styles.css that resolves this issue:

/* Overrides for tabs from system.css to make them wrap */

ul.primary {
  border-bottom: none;
  overflow: auto;
}

ul.primary li {
  margin-top: 1px;
  margin-bottom: 2px;
  display: block;
  float: left;
  border-bottom: 1px solid #bbb;
}

ul.primary li a{
  margin-right: 0.25em;
  margin-left: 0.25em;
  border-top: 1px solid #bbb;
  border-bottom: 1px solid #bbb;
}

I tested this in all "Slash" derivated, and it works fine in Opera (however, it does not look very pretty). I'd suggest to add this to the Slash theme by default.

Thanks & greetings, asb

Comments

asb’s picture

Version: 5.x-1.x-dev » 6.x-1.x-dev
Status: Active » Needs review
frjo’s picture

Category: bug » task

What do you think of using this instead:

/* Tabs, make them wrap */

ul.primary {
  padding: 0;
  border-bottom: none;
}

ul.primary li {
  float: left;
  margin: 0.2em 0;
  border-bottom: 1px solid #bbb;
}

ul.primary li a {
  margin: 0 0.5em;
}
asb’s picture

Yes, seems to work fine. I think we should close this issue. Panels 3 is working differently anyway.

Greetings, -asb

frjo’s picture

Status: Needs review » Closed (fixed)