Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Improve page title location #1822

Open
danahertzberg opened this issue Aug 5, 2022 · 8 comments
Open

Improve page title location #1822

danahertzberg opened this issue Aug 5, 2022 · 8 comments
Assignees
Labels
needs discussion Further discussion required to determine requirements proposal Proposed change to how something works (usually larger or more fundamental than a feature request) visual change Introduces a visual change

Comments

@danahertzberg
Copy link
Contributor

danahertzberg commented Aug 5, 2022

Motivation

When navigating on mobile, I want to see the page title above any content.

I want headings to be more prominent

Solution

Place page title block in content-top region.

Other considerations

  • What if someone already moved the page title block?

Related changes happening in #1406:

  • Removing sidebar nav title
  • Moving sidebar nav to sidebar second region
@danahertzberg danahertzberg changed the title Place page title on top of sidebar first region Improve page title and headings Aug 5, 2022
@akslay
Copy link
Contributor

akslay commented Aug 5, 2022

This one: "Change all headings to midnight color" will have to come from AZ Bootstrap, rather than QS.

@danahertzberg
Copy link
Contributor Author

This one: "Change all headings to midnight color" will have to come from AZ Bootstrap, rather than QS.

az-digital/arizona-bootstrap#526

@danahertzberg
Copy link
Contributor Author

Workshop notes 8/10/2020

Decisions (will revisit on Friday):

  • Move nav to sidebar second region
    • English hierarchy is top to bottom, left to right. So left sidebar puts too much emphasis on the sidebar nav
  • Remove sidebar nav block title
  • Move page title to content top region

Image

@danahertzberg danahertzberg changed the title Improve page title and headings Improve page title Aug 10, 2022
@akslay akslay changed the title Improve page title Improve page title location Aug 10, 2022
@danahertzberg
Copy link
Contributor Author

Sidebar block config tasks added here #1406

This ticket is for moving the page title to the content top region only

@Carris-Toupin
Copy link
Contributor

Unfortunately, I see many issues with removing the availability of the sidebar left. Many sites already use the sidebar right (think Events and News) so we would be stacking more on that side. Also, see the following articles:
https://cxl.com/blog/10-useful-findings-about-how-people-view-websites/
https://www.usability.gov/get-involved/blog/2006/04/left-navigation-is-best.html

@danahertzberg
Copy link
Contributor Author

Only move page title into content-top region

@danahertzberg
Copy link
Contributor Author

danahertzberg commented Sep 9, 2022

Revisit implementation

  • Add variable page title block to display just on mobile above sidebar content
  • Sidebar content would still appear above full width elements used for the page title
  • Find ticket about selecting full width element to put sidebar content attachment on (mobile stacking)
  • Explore putting sidebar region last on mobile (separate ticket)

@danahertzberg
Copy link
Contributor Author

Will address as follow up to #1826

@akslay akslay assigned danahertzberg and unassigned akslay May 31, 2023
@joeparsons joeparsons added needs discussion Further discussion required to determine requirements proposal Proposed change to how something works (usually larger or more fundamental than a feature request) visual change Introduces a visual change labels Aug 4, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
needs discussion Further discussion required to determine requirements proposal Proposed change to how something works (usually larger or more fundamental than a feature request) visual change Introduces a visual change
Projects
No open projects
Status: Needs Review
Development

Successfully merging a pull request may close this issue.

4 participants