marți, 3 martie 2015

Why are PrimeFaces components so big ?!

When you create a PrimeFaces application, all components seems to be, somehow, ... too big ?! I mean checkout this screenshot:


The reason that everything is so big relies in this snippet of default CSS code:


Knowing that you can simply override ui-widget class and obtain a cool look. For example, I've done this:

.ui-widget {
 font-family: Rockwell, 'Courier Bold', Courier, Georgia, Times, 'Times New Roman', serif;
 font-size: 12px;
 font-style: normal;
 font-variant: normal;
 font-weight: 400;
 line-height: 20px;
}

And now everything look better:


Nice!

Niciun comentariu:

Trimiteți un comentariu