In devices width<1100 links of the verticle navbar are not behaving as expected

[Manishch27]

Description

In small devices width<1100px in the verticle navBar when we click on any link it covers the whole list and a blue layer is there on the whole content.

Expected Behavior

Only the content should be clickable and also there should not be any blue layer on the content.

Screenshots

WhatsApp.Video.2024-02-12.at.02.54.15.mp4

Environment:

• Host OS: Android
• Browser: Chrome

---

Contributor Resources and Handbook

The layer5.io website uses Gatsby, React, and GitHub Pages. Site content is found under the master branch.

• 📚 See contributing instructions.
• 🎨 Wireframes and designs for Layer5 site in Figma (open invite)
• 🙋🏾🙋🏼 Questions: Discussion Forum and Community Slack.

Join the Layer5 Community by submitting your community member form.

[Manishch27]

I would like to work on this issue.

[Ashparshp]

Thanks for flagging. It might be a design choice rather than a bug. Appreciate your feedback, @saurabh100ni. Right?

[myselfprincee]

I feel it is not a bug but when ever you build a website and use it in your phone, it is a native style The Browser provides there's a css class to remove it

A single line and it will be fixed.

[Ashparshp]

@myselfprincee But it provides better feedback to the user whenever get clicked..

[myselfprincee]

@myselfprincee But it provides better feedback to the user whenever get clicked..

Yes for sure

[Ashparshp]

@saurabh100ni, it seems this issue may not be valid. Can we close it?

[leecalcote]

@Manishch27, thanks for raising this concern. I fail to see where there's a blue layer. Could you help me understand the issue that you're describing a bit more? At the moment, it's not clear that there's sufficient evidence to warrant action here (that the behavior shown in the screen recording is a bug).

[vishalvivekm]

@Manishch27, thanks for raising this concern. I fail to see where there's a blue layer. Could you help me understand the issue that you're describing a bit more? At the moment, it's not clear that there's sufficient evidence to warrant action here (that the behavior shown in the screen recording is a bug).

@Manishch27 thoughts??

[Manishch27]

@leecalcote I agree with @myselfprincee and @Ashparshp it's not a bug it's a design choice and I apologize for the wrong label, but I don't find any label related to the design. When we open the layer5 website on the phone and click on any of the navigation links from the verticle navBar a blue layer appears on the top of the clicked link for a faction of seconds, it's a default styling provided by the browser for the links, but we can correct it with the help of CSS for the better user interface. @leecalcote attachment helps you to understand the issue better with current behavior and expected behavior.

Blue.Layer.-.Made.with.Clipchamp.mp4

[Ashparshp]

If this isn't considered an issue, shall we close it? @vishalvivekm @Manishch27

[myselfprincee]

I think we should

[Ashparshp]

Thanks, @myselfprincee. Closing this issue as it's deemed invalid.