[ovirt-devel] New design for the Gerrit UI

Martin Perina mperina at redhat.com
Thu May 4 23:32:01 UTC 2017


On Thu, May 4, 2017 at 1:13 PM, Nir Soffer <nsoffer at redhat.com> wrote:

>
>
> On Thu, May 4, 2017 at 4:26 PM Evgheni Dereveanchin <ederevea at redhat.com>
> wrote:
>
>> Thanks everyone for the great feedback!
>>
>> So there's two options I see now:
>> 1) keep the default header scheme with white background, just add the
>> project logo into the corner
>> 2) try to adapt to the Patternfly scheme as used in oVirt's Admin UI
>> currently.
>>
>> I've swapped the header background color to #393f45 as used in oVirt for
>> a quick test:
>> https://gerrit-staging.phx.ovirt.org/
>>
>
> Looks good!
>

​Much better for my eyes now, thanks a lot!
​


>
> The oVirt logo needs little more space around it, and it also should be
> centered vertically.
> Modifying the logo margin to 8px and width to 108px works for me using
> chrome,
> see attached screenshot.
>
> [image: Screenshot from 2017-05-04 20-11-39.png]
>
> Nir
>
> Is this more readable? If yes - I can continue working in this direction
>> to add gradients
>> and other patternfly style elements.
>>
> Otherwise I'll just go with option 1 and stick to the default style we
>> have now.
>>
>> On Thu, May 4, 2017 at 2:45 PM, Martin Sivak <msivak at redhat.com> wrote:
>>
>>> > It will help if someone can suggest an alternate CSS which we can use
>>> or specific color codes,
>>>
>>> Well.. keep it as it is or make it really dark (like the patternfly
>>> menu). I do not care about logos but big area filled with non-neutral color
>>> is always going to be an issue.
>>>
>>> Martin
>>>
>>> On Thu, May 4, 2017 at 2:15 PM, Eyal Edri <eedri at redhat.com> wrote:
>>>
>>>>
>>>>
>>>> On Thu, May 4, 2017 at 3:05 PM, Martin Perina <mperina at redhat.com>
>>>> wrote:
>>>>
>>>>> I agree with Milan and Martin, even after few minutes looking at it,
>>>>> the green
>>>>> with combination of white background just made my eyes burning :-(
>>>>>
>>>>> Would it be possible to use more darker colors (at least for top
>>>>> banner/menu)?
>>>>> For example darker colors we use in oVirt engine welcome page ...
>>>>>
>>>>
>>>> Thanks for the feedback,
>>>> It will help if someone can suggest an alternate CSS which we can use
>>>> or specific color codes,
>>>> otherwise it will be long trial and error process until we'll find
>>>> something that will suite everyone.
>>>>
>>>>
>>>>
>>>>>
>>>>>
>>>>> Martin
>>>>>
>>>>> On Thu, May 4, 2017 at 5:53 AM, Martin Sivak <msivak at redhat.com>
>>>>> wrote:
>>>>>
>>>>>> I agree with Milan here. The light green background makes the menu
>>>>>> items to be almost unreadable, the search button (slightly different
>>>>>> green color) blends with the background and generally the color pulls
>>>>>> my eyes away from the content. I wouldn't feel comfortable looking at
>>>>>> the screen for a whole day.
>>>>>>
>>>>>> Martin
>>>>>>
>>>>>> On Thu, May 4, 2017 at 9:57 AM, Milan Zamazal <mzamazal at redhat.com>
>>>>>> wrote:
>>>>>> > Evgheni Dereveanchin <ederevea at redhat.com> writes:
>>>>>> >
>>>>>> >> The Infra team is working on customizing the look of Gerrit to
>>>>>> make it fit
>>>>>> >> better with other oVirt services. I want to share the result of
>>>>>> this
>>>>>> >> effort. Hopefully we can gather some feedback before applying the
>>>>>> design to
>>>>>> >> oVirt's instance of Gerrit.
>>>>>> >>
>>>>>> >> Please visit the Staging instance to check it out:
>>>>>> >>
>>>>>> >>   https://gerrit-staging.phx.ovirt.org/
>>>>>> >
>>>>>> > Thank you for the preview.  While it fits better with oVirt
>>>>>> services,
>>>>>> > there is one thing that makes me uncomfortable with it: low
>>>>>> contrast.
>>>>>> > The top green bar is probably directly violating Web Accessibility
>>>>>> > Guidelines (AA level; see
>>>>>> > https://www.w3.org/TR/WCAG20/#visual-audio-contrast-contrast), but
>>>>>> I
>>>>>> > find all the green parts harder to read than in the current version.
>>>>>> > So it would be nice if the contrast could be improved.
>>>>>> >
>>>>>> > Thanks,
>>>>>> > Milan
>>>>>> > _______________________________________________
>>>>>> > Devel mailing list
>>>>>> > Devel at ovirt.org
>>>>>> > http://lists.ovirt.org/mailman/listinfo/devel
>>>>>> _______________________________________________
>>>>>> Devel mailing list
>>>>>> Devel at ovirt.org
>>>>>> http://lists.ovirt.org/mailman/listinfo/devel
>>>>>>
>>>>>
>>>>>
>>>>> _______________________________________________
>>>>> Infra mailing list
>>>>> Infra at ovirt.org
>>>>> http://lists.ovirt.org/mailman/listinfo/infra
>>>>>
>>>>>
>>>>
>>>>
>>>> --
>>>>
>>>> Eyal edri
>>>>
>>>>
>>>> ASSOCIATE MANAGER
>>>>
>>>> RHV DevOps
>>>>
>>>> EMEA VIRTUALIZATION R&D
>>>>
>>>>
>>>> Red Hat EMEA <https://www.redhat.com/>
>>>> <https://red.ht/sig> TRIED. TESTED. TRUSTED.
>>>> <https://redhat.com/trusted>
>>>> phone: +972-9-7692018 <+972%209-769-2018>
>>>> irc: eedri (on #tlv #rhev-dev #rhev-integ)
>>>>
>>>
>>>
>>> _______________________________________________
>>> Devel mailing list
>>> Devel at ovirt.org
>>> http://lists.ovirt.org/mailman/listinfo/devel
>>>
>>
>>
>>
>> --
>> Regards,
>> Evgheni Dereveanchin
>> _______________________________________________
>> Devel mailing list
>> Devel at ovirt.org
>> http://lists.ovirt.org/mailman/listinfo/devel
>
>
> _______________________________________________
> Devel mailing list
> Devel at ovirt.org
> http://lists.ovirt.org/mailman/listinfo/devel
>
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.ovirt.org/pipermail/infra/attachments/20170504/568e02c4/attachment-0001.html>
-------------- next part --------------
A non-text attachment was scrubbed...
Name: Screenshot from 2017-05-04 20-11-39.png
Type: image/png
Size: 83036 bytes
Desc: not available
URL: <http://lists.ovirt.org/pipermail/infra/attachments/20170504/568e02c4/attachment-0001.png>


More information about the Infra mailing list