Make page titles/headers more homogeneous

[tcompa]

Current situation:

[zonia3000]

Technically h1 should be the preferred header to use for the main title of a page (also from accessibility perspective). However for me it looks a bit too heavy, so I combined it with Bootstrap fw-light to remove the bold. Let me know if you prefer something different.

I've also kept the breadcrumbs only on pages that have a parent page.

Ref f9f2199

---

---

---

[jluethi]

Great that this becomes more uniform. Here are some minor points:

1. How does the Projects page (listing all the projects) look with this?
2. Regarding bold vs. light: no strong opinion, I'm fine with this light one.
3. Regarding breadcrumbs: The admin area doesn't necessarily need those, as admin area is a top-level link.
4. Have these new headers been applied like this everywhere? e.g. dataset pages? I actually think we could drop the title in the dataset page (similar to the workflow page), because the info is in the breadcrumbs. Same for the workflow job page

Regarding breadcrumbs vs. titles: It looks to me like we could go either/or instead of having both on some pages => top-level pages have a title, but no breadcrumbs (because those links are in the header). Pages further down the hierarchy have breadcrumbs, but no title (like workflows atm). Would that make sense?

[zonia3000]

1. How does the Projects page (listing all the projects) look with this?

With that commit projects page looks like this:

We can remove all the titles of the pages that are directly accessible from the main menu. In that case we could also highlight the currently active section (I think we already discussed about this), to make it clearer where we are:

4. Have these new headers been applied like this everywhere? e.g. dataset pages? I actually think we could drop the title in the dataset page (similar to the workflow page), because the info is in the breadcrumbs. Same for the workflow job page

I applied them everywhere. Dataset page looks in this way:

I can remove the title and keep only the breadcrumbs.

Regarding breadcrumbs vs. titles: It looks to me like we could go either/or instead of having both on some pages => top-level pages have a title, but no breadcrumbs (because those links are in the header). Pages further down the hierarchy have breadcrumbs, but no title (like workflows atm). Would that make sense?

I think we could do the following:

1. Pages directly accessible from the menu have no title, except when the title provides additional information (e.g. "Welcome to Fractal web client" in home);
2. Pages that are a direct child of one of the main page have a title (e.g. "project X", "users list" under admin area);
3. Keep the breadcrumbs and no title where there are more than 3 levels;
4. Keep highlighted the current section in the main menu.

Regarding the first point, what about jobs page title? It says "Jobs of user X". Is this info useful to not confuse it with the admin jobs page? Could we rename the menu link to "My Jobs" and remove the title?

[jluethi]

We can remove all the titles of the pages that are directly accessible from the main menu. In that case we could also highlight the currently active section (I think we already discussed about this), to make it clearer where we are:

Oh, that's a great idea! Love it!

1-4 => perfect, let's go with that!

Regarding the first point, what about jobs page title? It says "Jobs of user X". Is this info useful to not confuse it with the admin jobs page? Could we rename the menu link to "My Jobs" and remove the title?

I don't think that's necessary for the job page. All our users don't have access to the Admin area. Plus, the admin area is marked with the nice red bar on top, so won't be confused :)
=> Let's also drop the title on the Jobs page

[zonia3000]

Some more screenshots:

[jluethi]

Looks great, thanks for the screenshots!