----- Original Message -----
> From: "Karli Sjöberg" <karli.sjob...@slu.se>
> To: gsher...@redhat.com
> Cc: users@ovirt.org, a...@ovirt.org
> Sent: Wednesday, February 19, 2014 1:43:43 AM
> Subject: Re: [Users] new oVirt look-and-feel -- feature page
>
> On Tue, 2014-02-18 at 16:19 -0500, Greg Sheremeta wrote:
> > Hi,
> >
> > Please check out the feature page for the new oVirt look-and-feel,
> > PatternFly based:
> > http://www.ovirt.org/Features/NewLookAndFeelPatternFlyPhase1.
> >
> > Comments are welcome.
> >
> > Thanks,
> > Greg
> >
> > Greg Sheremeta
> > Red Hat, Inc.
> > Sr. Software Engineer, RHEV
> > Cell: 919-807-1086
> > gsher...@redhat.com
> > _______________________________________________
> > Users mailing list
> > Users@ovirt.org
> > http://lists.ovirt.org/mailman/listinfo/users
>
> Looks really nice! Is the background canvas vectorized? Isn´t it going
> to become rather slow loading such a big picture otherwise... And how is
> it going to handle scaling of browser windows? How´d it look on smaller
> resolutions e.g 960x640?
>
>
>
> --
>
> Med Vänliga Hälsningar
>
> -------------------------------------------------------------------------------
> Karli Sjöberg
> Swedish University of Agricultural Sciences Box 7079 (Visiting Address
> Kronåsvägen 8)
> S-750 07 Uppsala, Sweden
> Phone: +46-(0)18-67 15 66
> karli.sjob...@slu.se
>
It's not vectorized. It's a PNG, size is 248.0 kB ... which isn't horrible.
After the first load, it'll be stored in browser cache.
It's set to scale in such a way that the aspect ratio is maintained. It uses
the CSS3 property "background-size" to achieve this. I think it looks pretty
perfect at any resolution.
Here's the full CSS for it:
.obrand_loginPageBackground {
background-image: url(images/ovirt_bg.png);
background-size: 100% auto;
background-repeat: repeat-x;
background-color: #1d2226;
position: absolute;
bottom: 0;
left: 0;
right: 0;
top: 0;
}
Thanks!
Greg
_______________________________________________
Users mailing list
Users@ovirt.org
http://lists.ovirt.org/mailman/listinfo/users
