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

feat: change navdrop links and sub-links style on hover #463

Open
wants to merge 5 commits into
base: master
Choose a base branch
from

Conversation

gaurav-2-0-0-2
Copy link

Description

  • Links in navdrop on small screens change text on hover from (white:cyan-400)
  • Added transition property to sub-links on hover
  • Background of sub-links have rounded borders

Resolves #462

Demo
asyncapi-conf-1
asyncapi-conf-2

Copy link

netlify bot commented Nov 12, 2024

Deploy Preview for peaceful-ramanujan-288045 ready!

Built without sensitive environment variables

Name Link
🔨 Latest commit 3cf0fc1
🔍 Latest deploy log https://app.netlify.com/sites/peaceful-ramanujan-288045/deploys/67350f43f286d600089a9f7c
😎 Deploy Preview https://deploy-preview-463--peaceful-ramanujan-288045.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.

Copy link

@github-actions github-actions bot left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Welcome to AsyncAPI. Thanks a lot for creating your first pull request. Please check out our contributors guide useful for opening a pull request.
Keep in mind there are also other channels you can use to interact with AsyncAPI community. For more details check out this issue.

Copy link
Member

@AceTheCreator AceTheCreator left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Awesome enhancement contribution @gaurav-2-0-0-2, but i think a nice addition will be to show which link is currently active. wyt?

@gaurav-2-0-0-2
Copy link
Author

gaurav-2-0-0-2 commented Nov 13, 2024

Awesome enhancement contribution @gaurav-2-0-0-2, but i think a nice addition will be to show which link is currently active. wyt?

Yes I was thinking the same thing. will add changes to this PR

@ashmit-coder
Copy link
Collaborator

Hey @gaurav-2-0-0-2 The second hover effects for mobile screens would look better as way of indicating where the user is as said by Ace. But I dont see a use of them in mobile view, as after clicking the links the user would simply be redirected.

Copy link
Collaborator

@ashmit-coder ashmit-coder left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Remove the changes in package-lock.json

@gaurav-2-0-0-2
Copy link
Author

Remove the changes in package-lock.json

do i need to remove package-lock.json when making a PR

@ashmit-coder
Copy link
Collaborator

Remove the changes in package-lock.json

do i need to remove package-lock.json when making a PR

Just dont have any changes in that file

@gaurav-2-0-0-2
Copy link
Author

Hey @gaurav-2-0-0-2 The second hover effects for mobile screens would look better as way of indicating where the user is as said by Ace. But I dont see a use of them in mobile view, as after clicking the links the user would simply be redirected.

and the page re renders and the navdrop set to what it was, do we need to highlight the sub menus here or will it be an overkill ?

@ashmit-coder
Copy link
Collaborator

I don't think it will be an overkill tbh. Wyt @AceTheCreator

@gaurav-2-0-0-2
Copy link
Author

Hey, is this enough ?
asyncapi-conf-4

Copy link
Member

@AceTheCreator AceTheCreator left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM! cc @ashmit-coder

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