Here's a patch to consider.

1. Tablefield still declares it's own even/odd row colors, which clashes horribly with both Seven and Bartik (which don't even have the same colors).
The solution here is to declare the background-color of the input element as transparent.
2. I killed the 2px border of the header row, since it looks ugly and is generally not done on D7 (table headers don't have bottom borders in D7)
3. I killed the float:left of elements, so that they can be centered (which is important when having non-editable cells)
4. My editor likes to fix whitespace, so the patch is a bit bigger than it could be.

Attaching a screenshot as well. You'll notice the header and first column not being editable, but that's another patch (which I'm also about to post)

CommentFileSizeAuthor
#1 bartik.png37.88 KBbojanz
#1 bartik2.png37.37 KBbojanz
example.png32.1 KBbojanz
better_css.patch6 KBbojanz

Comments

bojanz’s picture

bojanz commented
StatusFileSize
new bartik2.png37.37 KB
new bartik.png37.88 KB

Note that "label" is bold in D7, hence the bold look of non-editable cells.
This can be overriden if required.

I'm attaching a screenshot of how this looks on Bartik.
As you can see, there's a problem, it's very hard to see that the fields are editable because of the darker colors.
Perhaps it would be a good idea to make the textboxes white when there are locked default values (since in that case the table won't drown in a sea of white)?
Attaching a screenshot of that possibility as well.

kevin hankens’s picture

kevin hankens commented
Status: Needs review » Closed (fixed)

See http://drupal.org/node/1051070#comment-4049818

Thanks!