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

CSS styling issue on Navigation build page #409

Open
robzor opened this issue Nov 18, 2024 · 3 comments
Open

CSS styling issue on Navigation build page #409

robzor opened this issue Nov 18, 2024 · 3 comments

Comments

@robzor
Copy link

robzor commented Nov 18, 2024

Describe the bug

For some reason, Craft CMS have updated (I'm on 5.5.0.1) their CSS to make flex-wrap: wrap the default setting everywhere.

So in your heading nav, area, the items are now wrapping:

CleanShot 2024-11-18 at 6  26 14

To fix this, you can add an additional class flex-nowrap or add some more specific styling in your own CSS, I guess!

CleanShot 2024-11-18 at 6  29 09

(this is from the Craft main.css file)

Steps to reproduce

  1. Look at a Navigation build page
  2. See the flex-wrap applied

Craft CMS version

5.5.0.1

Plugin version

3.0.5

Multi-site?

No

Additional context

No response

@engram-design
Copy link
Member

Fixed for the next release. To get this early, run composer require verbb/navigation:"dev-craft-5 as 3.0.5".

@bennonite
Copy link

A second part to this I'm noticing is when a navigation item is selected, the status and settings buttons also appear below, causing a layout shift. Double-clicking a node opens the slideout, but because of this layout shift you end up opening the wrong node.
nav issue

@engram-design
Copy link
Member

Completely missed that. Fixed for the next release. To get this early, run composer require verbb/navigation:"dev-craft-5 as 3.0.5".

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