Re: [Users] new oVirt look-and-feel -- feature page

19 Feb 2014

      ----- Original Message -----
...
From: "Karli Sjöberg" <Karli.Sjoberg@slu.se>
To: gshereme@redhat.com
Cc: users@ovirt.org, arch@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
gshereme@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.sjoberg@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