taitems / Aristo-jQuery-UI-Theme

The "Aristo" theme for Cappuccino ported to a jQuery UI Theme

Home Page:http://taitems.github.com/Aristo-jQuery-UI-Theme/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Buttons look off in Firefox / Opera

silouanwright opened this issue · comments

Chrome / Safari look fine. Firefox / Opera text in buttons look visibly misaligned.

http://i.imgur.com/3TVyZ.png

Do you have version numbers for these?

I've been testing with the absolute latest.

It's the very latest one. Latest commit is 5364d74

I went and looked at these buttons in Windows 7, which I didn't do before. Outside of the IE6 / IE7 bugs which I'll log, they look fine, even on Chrome / Firefox. It seems like it doesn't look correct in the Mac versions of everything non-webkit.

I'm working on a fully patched Mac OS X 10.6.7 (as of 5/23/11 @ 10:43 A.M.)

Actually looking through, it seems the default font-family of Helvetica is what is throwing everything off surprisingly in Mac. I actually tested on 3 different Mac machines: my work one, a co-workers, and my home one. It's the one that comes stock with Mac OS X I believe.

So maybe remove Helvetica from the font stack, and maybe replacing with Lucida Grande, Verdana, or just keep it Arial? I'm curious why the Mac Webkit browsers got it right though..

Sweet, that makes a lot of sense. I will hopefully fix that up later today.

Thanks for your research. Hopefully you can test the next commit as well if possible?

I've removed Helvetica so it's just Arial (and 'sans-serif') now, it would be great if you could have a look and see if the issue still exists.

Tested across Mac OS X 10.6.7, in Chrome, Safari, Firefox, Opera, and also checked in IE7/IE8/Chrome on Windows: it appears to be fixed.Thanks for patching it.