@MariaAga dark grey looks weird. I meant more like #F0F0F0 which is lighter and closer to white than to grey.
Reports (section name) look somehow bigger and bolded than other items. Group names should be smaller, look here.
@MariaAga dark grey looks weird. I meant more like #F0F0F0 which is lighter and closer to white than to grey.
Reports (section name) look somehow bigger and bolded than other items. Group names should be smaller, look here.
The flyout is a menu so it takes this style: https://www.patternfly.org/v4/components/menu/#with-titled-groups
Should I change it?
New white-grey divider: (accidentally missing one div in the monitor)
Thanks, it looks better. I agree that it’s a bit confusing from which first-level item stems the second-level menu but I was told that the interaction is clearer in a clickable prototype and not in a static screenshot. (@ekohl )
I contacted the designer that works on the nav design, she also suggested the usage of blue lines (the same color as a hovered state). So I’m playing now in the sandbox to see if that’s the solution.
Here the group name is 14 px, item name 16 px, and a bit different color so the group name doesn’t look more prominent than items.
I said it might. I haven’t tested it myself just yet.
Processing: Hardware Models.mp4…
Thanks @MariaAga for enabling the discussion, overall I really liked it, though there are few things that we need to adjust in my opinion, here are my 2 cents:
I like the older menu’s width which was smaller 200px vs 250px, and I kinda liked the arrow that used to be there though I can live without it
new:
old:
another thing which might need a bit fixing is the margin / padding of the secondary-nav headers,
new one: 16+8+8 = 32px
old one: 18px
look at the secondary menu padding above “Monitor”:
new:
old:
Hovering items background, personally I prefer the dark one so it doesn’t mix with the page content.
Before, we used a dark background when hovering items:
In the new version we use a white light background
The last thing, on my laptop screen the “Content” menu which is quite long, makes a scrollbar appear and it looks like you can never reach its ends, in the older version there’s no need for a scrollbar and the page didn’t “jump”.Maybe when fixing the padding there will be more space, or maybe we need to split this menu into more categories.
new:
old:
Hi, some of the parts you are referring to are out of date, can you look at the new screenshots in this thread? Also the arrow should appear after “npm i”.
And the scroll is broken currently.
Just adding my comment from Gchat, so we won’t lose it.
So I met with other designers and described our issues in the nav. They pushed rather for tertiary nav than overriding PF4 patterns.
So e.g. the host nav would look like this:
Primary > Secondary > Tertiary
Hosts > All hosts
Discovered hosts
Create Host
Content Hosts
Host Collection
Register Host
Provisioning Setup >
Templates >
Compliance >
There are content issues in the nav which we could address in the next release and make it better. (based on next year research in initiatives) Also there were voices for implementing menu search.
That formatting looks off. So it would be:
Hosts
Hosts
All Hosts
Create Host
Register Host
Provisioning Setup
Architectures
Hardware Models
Installation Media
Operating Systems
Templates
Partition Tables
Provisioning Templates
Would I need to expand the second level as well? That feels like a step back in usability. Is there any reasoning provided why a tertiary level would be better?
Yes so a user will have to expand Hosts, and then expend Templates to get to “Provisioning Templates”.
This was the solution that was suggested by PF4 to address the “long menu” issue Ron described, where in the new design some of the menus will need scroll as their height only starts in the middle of the page.
Sorry, I haven’t noticed incorrect formatting. Here it is:
I still miss the reasoning that we need to change the current menu. Other than that it isn’t PF4, what’s wrong with it?
The reasons are:
That still doesn’t describe any problems with the current menu. If you’re talking about easier to use, there must be specific areas that you think can improve.
Maybe it’s just a trauma that I have with fly-out menus. A long time ago Foreman had a fly-out menu that frequently annoyed me. Mostly when it lost focus if I moved my mouse to the wrong place. It was replaced with the current menu and that has always felt good to me. It’s been clear and predictable in its behavior.
Lets differentiate between two issues here:
Additionally, we might be able to reduce some of the issues by reorganizing the actual menu tree - something we’ve discussed several times in the past but never actually done.
I don’t like how “Content Hosts” are under Hosts and not under “Content”. But I am sure others will prefer it the way it is.
AFAIK the idea is that the new host detail page will merge it all to “hosts”. Eventually we should end up with a single host overview and a single host detail page. Some hosts just happen to have content and the pages will reflect this.
That will be nice, when we get to this “eventually” land!
Wanted to also mention here that in this new design there won’t be a “compact nav” option like we have with the icon navigation:
It’s better to think about Content Hosts more as “Hosts which consume Content”. Then it sits better under the Hosts menu.
But as others have said, this should eventually be solved when the grand unification of Hosts pages happens. (Can’t come soon enough in my book).
That’d be a shame, I really like the compact mode as it wastes less screen for me on my laptop.