6:59 a.m.
Hi Aline,
Even if we use this sidebar, I think for full hd resolutions and bigger we would have to
remove the left margin from Wok header and navigation bar or it would look weird. I'll
test with a floating button that toggles the sidebar/panel and send the screenshots.
Samuel
From: Aline Manera [mailto:alinefm@linux.vnet.ibm.com]
Sent: segunda-feira, 4 de julho de 2016 17:48
To: Samuel Henrique De Oliveira Guimaraes <samuel.guimaraes(a)eldorado.org.br>; Kimchi
Devel <kimchi-devel(a)ovirt.org>
Subject: Re: [Kimchi-devel] [RFC] Wok / Ginger sidebar
Hi Samuel,
Thanks for all the inputs on that.
I'd be more conservative at this moment and do not change anything else unless the
sidebar.
Only because it seems to be simpler to do now to solve the original issue and we can
invest time in other features.
So my preference is for what is shown on ginger_sidebar_1.png and ginger_storage_2.png
Regards,
Aline Manera
On 07/04/2016 04:02 PM, Samuel Henrique De Oliveira Guimaraes wrote:
Hi team,
We currently have an issue with Ginger/Gingerbase navigation bar in small screen
resolutions and we also have huge tables in System Services page. Since working on the
navigation bar involves editing Wok styles, I'm sending this e-mail to Wok mailing
list instead of Ginger group.
I looked for successful combinations of sidebar + horizontal navigation bars and so far I
couldn't find any example that would exactly fit with Wok and its plugins. The
majority of examples I'm listing below are very good with traditional pages with deep
subcategories and the navigation bars can work as sitemaps and replace breadcrumbs:
* http://www.worldwildlife.org/ - https://vimeo.com/166812605
* https://www.theguardian.com/us - https://vimeo.com/166812599
* https://next.ft.com/fastft - https://vimeo.com/166812597
Wok currently has two navigation levels. Kimchi doesn't have multiple sections but
Ginger and Gingerbase uses collapsible panel groups to separate sections that could be
third level elements on a sidebar. This was already discussed when we moved some features
from Ginger to Gingerbase but I think we could achieve a functional sidebar with up to
three levels without using a "landing page" for second-level elements.
In the attached screenshots ginger_sidebar1 and ginger_sidebar2 are mockups for an
off-canvas menu that would slide the main content and hide itself once an option is
clicked. It would also hide the other panel accordions. Here are two off-canvas menu in
action:
* http://codepen.io/SitePoint/full/uIemr/
* https://codepen.io/benske/full/cxrta/
Since this would require a change in Wok tabs and ginger/gingerbase tab-ext.xml, I think
we could implement something entirely different that would with Wok and all plugins. This
site menu only have first-level options on the sidebar but I think we could add
collapsible links like a tree-table menu: https://www.sitepoint.com/
In addition to the sidebar, we could put a search/filter input on the top that would allow
the user to type the desired option and show its position on the menu. Please take a look
at the remaining attached screenshots. I did one variation with the content aligned to the
center and another one aligned to the left.
Regards,
Samuel
_______________________________________________
Kimchi-devel mailing list
Kimchi-devel@ovirt.org<mailto:Kimchi-devel@ovirt.org>
http://lists.ovirt.org/mailman/listinfo/kimchi-devel