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

Fix header width issues #190

Open
Ardent10 opened this issue Mar 10, 2022 · 6 comments
Open

Fix header width issues #190

Ardent10 opened this issue Mar 10, 2022 · 6 comments

Comments

@Ardent10
Copy link
Contributor

The current Navbar right box is showing both the Welcome and the GitHub and other links are showing in column manner which is kind of odd right now.
image

Instead of showing them in column we can show them in a single row which will be much better.

@stpaultim
Copy link

Thanks for the feedback. @Ardent10

I agree that the header is a bit awkward and could use some help. My first thought was that there is already too much in a single row and that maybe "Documentation and API source code for Backdrop CMS" should be moved to a second line below the site title.

Currently, this header isn't working good on midsized screens.

Here is how other Backdrop CMS headers look.

https://backdropcms.org/
image

https://forum.backdropcms.org/
image

https://events.backdropcms.org/
image

@Ardent10
Copy link
Contributor Author

Ardent10 commented Mar 11, 2022

Thanks for the feedback. @Ardent10

I agree that the header is a bit awkward and could use some help. My first thought was that there is already too much in a single row and that maybe "Documentation and API source code for Backdrop CMS" should be moved to a second line below the site title.

Currently, this header isn't working good on midsized screens.

Here is how other Backdrop CMS headers look.

https://backdropcms.org/ image

https://forum.backdropcms.org/ image

https://events.backdropcms.org/ image

  1. Yes, We can also do it this way. We can move the "Documentation and API source code for Backdrop CMS" in the second line just below the Title "Backdrop CMS Documentation".
  2. As per the Responsiveness is concerned I will make a new Issue after this issue is resolved.
  3. I can also see few more things that can be improved in the website. I will create a new issue for them.
    I should be working on this issue now. Will that be ok @stpaultim ?
    Can you please help me setting up the project in local environment?

@stpaultim
Copy link

@Ardent10 - Working on design issues such as this is a bit more complicated, because as an opensource community we sometimes need to get more opinions before we make changes. Let's get the opinion of @jenlampton as to whether or not this is a good thing to work on.

She will likely reply soon. This might not be a good issue for someone new to our issue queue, but I would like to hear from @jenlampton before we decide.

@Ardent10
Copy link
Contributor Author

@Ardent10 - Working on design issues such as this is a bit more complicated, because as an opensource community we sometimes need to get more opinions before we make changes. Let's get the opinion of @jenlampton as to whether or not this is a good thing to work on.

She will likely reply soon. This might not be a good issue for someone new to our issue queue, but I would like to hear from @jenlampton before we decide.

Sure @stpaultim

@jenlampton
Copy link
Member

jenlampton commented Mar 11, 2022

Yeah, there's nothing here to really work on yet as we'll need an alternative design before we can change anything. The small elements at the top right of the page were balanced against the larger logo on the left, so in order to separate them we probably need to adjust something else to compensate (like the size?). I can bring this issue to our designer for some suggestions. (Note: I am not a designer, I could be wrong, but that's why I like to ask one:)

@jenlampton jenlampton changed the title Fixing Navbar Fix header width issues Jan 26, 2023
@jenlampton
Copy link
Member

jenlampton commented Jan 27, 2023

I was looking at the different headers on our sites again today. The "backdrop" in our logo should not be capitalized, so Ive taken a stab at cleaning up the headers of all the sites to be (more) consistent. What would people think about something more like this? (screenshots are from my local)

Screen Shot 2023-01-26 at 1 32 36 PM

Screen Shot 2023-01-26 at 1 33 32 PM

Screen Shot 2023-01-26 at 1 37 33 PM

Screen Shot 2023-01-26 at 1 33 11 PM

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

3 participants