[Phpmyadmin-devel] AJAXify phpMyAdmin Interface - GSOC 2011 - Table->Browse ->Mutiple rows-> Change

[Rouslan Placella]

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