DarKtears

or Alexis Menard in the real world.


19 Comments

Why GMail looks bad with Oxygen?

I’m working on WebKit and more exactly on QtWebKit. While running rekonq to test the status of QtWebKit (eating my own dog food). GMail looked really really bad. All the check-boxes are ugly and clipped. Here is a screenshot :

I did investigate and tried to understand why it is like that. The conclusion is : It’s not a WebKit bug neither an Oxygen one, It’s a GMail bug. The column which contains the check-boxes with the drag handle has an hard-coded size of 24px. Here is the declaration of the CSS class applied to that column :

td.oZ-x3 {
text-align: left;
padding: 0 0 0 1px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 1px;
width: 24px;
}

Of course this is wrong because Oxygen check-boxes are 21px wide so of course it doesn’t let that much space for the drag handle and the margins. That explain why it’s ugly. Now you can say WebKit should be smart enough but we follow the spec I would say, firefox too and guess what with the Oxygen style support in Firefox it’s ugly the same way too :

So as a good user, I’ve reported the bug to the GMail Team and hope they can come up with a fix that would make many KDE people very happy.