PSUEducationalEquity / plonetheme.eeq

Plone Diazo theme for Penn State Educational Equity website
0 stars 0 forks source link

Office Title and Nav Bar #9

Open skleinfeldt opened 3 years ago

skleinfeldt commented 3 years ago

As a user I can see the title of the office (that is, the title of the office's folder or folderish custom type) overlaid on the bottom of the lead image with a semi-opaque background. Below that I will see a horizontal blue nav bar for the office, between the banner image (with the overlaid office title) and the breadcrumbs. The office title and nav bar will be the same when I am on any page within the office (landing page and inner pages).

The contents of the nav bar will be left justified and based on the contents of the office's folder (standard Plone navigation behavior).

Question: in the mockup this text disappears on phones and small browser windows, how is the user to navigate?

skleinfeldt commented 3 years ago

For office landing pages see https://beta.equity.psu.edu/a51/develop/office-home.html (just the links on the left side.)

For office inner pages here is the older mockup:

office-content-page-layout

paulrentschler commented 2 years ago

In the mockups, the name of the office and the left-side navigation (light blue bar) are included in the hamburger menu that is available to smaller devices.

paulrentschler commented 2 years ago

This appears to all be implemented but a bit of discussion and confirmation from others is warranted.

paulrentschler commented 2 years ago

Exclude from Navigation and Private state are working correctly but expired and future effective dates are not respected in what is shown in the left-side nav bar. I have created items for the SDR nav bar called "Old", "Private", and "Coming Soon" which are expired, private, and future effective date respectively. "Old" and "Coming Soon" are displayed to logged in and anonymous users.

Would it be possible to hard code the first element in the left-side nav bar to be "Home" and point to the Office object the same way the "Student Disability Resources" does in the white shading? I experimented with creating a Link object for "Home" but the url it creates does not seem to work right.

silviot commented 2 years ago

@paulrentschler Now the effective dates should be taken into account and there should always be a left 'Home' link on all office pages.

paulrentschler commented 2 years ago

This should only be considered after #55 has been implemented along with all other tweaks if there is still time remaining on the contract.

Mike and I discussed not liking that there are three instances of "Home" all down the left side of the header and they do not all link to the same thing: image

We would like to change "3" to read "Educational Equity" instead of "Home".

If time allows, we would like to add an Abbreviation field to the Office content type and then include that in "2" so it would read "{Office.abbreviation} Home" (e.g., "SDR Home")

I am perfectly fine with tackling these changes on my own should we run out of time but we wanted to document the idea for future reference.

silviot commented 2 years ago

@paulrentschler I customized the path_bar.pt template and changed it to spell Educational Equity instead of Home.

The office type now has a new abbreviation field that is reflected in the office breadcrumbs Home link.