See screen shot attached - it should be pretty self-explanitory.

I need to figure out whether this is an issue specifically with Opera (the Presto rendering engine updated from 2.2 to 2.5 in this release according to their release notes and I had no issue before the update) or if there's a fix is in Zen itself. Under Garland, everything appears normal. Tables affected that I've confirmed to have this issue are the module selection page and the "content types" admin page, I might find more in the course of work. Even if the problem is strictly in Opera, you guys can help me by telling me exactly what elements and what code has the issue so I can put it in a bug report; Opera's bug reporting is a black hole as far as communication is concerned.

CommentFileSizeAuthor
drupal-opera1051.png26.64 KBElleKitty

Comments

jon nunan’s picture

jon nunan commented

Seems to be

table.package .description { 
  width: 100%;
}

which is causing the other columns to be squished up. Opera's interpretation of that makes sense to me, but that doesn't mean its the correct behavior according to the w3c. For admins that use Opera, changing it to 'width: auto;' worked for me.

ElleKitty’s picture

ElleKitty commented

Which file(s) can I find that in to edit it?

jon nunan’s picture

jon nunan commented

It appears in /modules/system/admin.css, though you are best off overwriting it in one of your theme css files. Otherwise, next time you update core, the change will be overwritten by the core file again.

minhpham’s picture

minhpham commented

I have same problem here but that code is already written in /modules/system/admin.css

Here is my image:

http://drupal.org/files/issues/column.jpg

jon nunan’s picture

jon nunan commented

Ah OK I think I've confused some people.

In: /modules/system/admin.css

table.package .description { 
  width: 100%;
}

is causing the problem. This has been part of Drupal for a while now, so its likely that Opera's rendering engine upgrade is the problem.

If you want to fix it you can change it in : /modules/system/admin.css , but then next time you upgrade Drupal, your modified file will be overwritten by the new Drupal and you'll have to modify it again.

Instead, go into the CSS files for whatever theme you're using in the admin section and add something like:

table.package .description { 
  width: auto; /* or 60% or 500px */
}

What value you choose is totally up to you, as it will depend on the width of your theme. I also can't give you an exact filename as that too is variable on the theme you are using.

ElleKitty’s picture

ElleKitty commented

This sort of works, but I need a bigger hammer - a class or declaration that covers all admin tables, not just .package. I've tried a few (realizing that Opera's Dragonfly "Inspect Element" tool may be nicer than the currently/recently broken update to Theme Developer in the process ;) but haven't struck gold yet.

I'm putting the css in the layout.css file of my zen subtheme.

ElleKitty’s picture

ElleKitty commented

Ah ha! Dragonfly was showing that something was forcing word-wrap: break-word onto the tables. This fixed it:

#content-area table
{
	table-layout: auto;
	word-wrap: normal;
}

#content-area th
{
	table-layout: auto;
	word-wrap: normal;
}

One or the other of those may be redundant.

akalata’s picture

akalata commented
Status: Active » Closed (fixed)