On Wed, 2011-06-22 at 19:43 +0100, Rouslan Placella wrote:
On Tue, 2011-06-21 at 11:51 -0400, Marc Delisle wrote:
Thilanka Kaushalya a écrit :
Hi Rouslan and Marc,
I had a quick look at the functionality that you worked on and I noticed that the font in the dialog is bigger than in the actual page behind. I'm not sure why this is happening, but I this was happening in my code as well. To fix this I specified a smaller font-size when creating the AJAX dialog. For example: $ajaxDialog = $('<div style="font-size: 0.9em;">'+data.message +'</div>').dialog({ /* options go here */ });Thanks for your suggestion. But I'm not sure whether it is good to have inline styles in PMA because it makes difficult to maintain them in the future. If it id okay to do inline style, I'll fix that. I think Marc can comment on this problem.
Indeed, styling should normally go in each theme's CSS; but in jQuery you can use some class in the generated div and define this in the CSS for the two included themes.
I guess that the best would be to figure out why jQuery is using the wrong font-size in the first place though :)
Rouslan
It looks like it's line 50 from 'jquery-ui-1.8.custom.css' that causes this issue:
---SNIP--- .ui-widget { font-family: Verdana,Arial,sans-serif; font-size: 1.1em; } ---SNIP---
That font-size should be '1em'. Although I wonder if there would be any side-effects...
Rouslan