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: Implemented border when hover #557

Closed
wants to merge 0 commits into from

Conversation

rishabdev2997
Copy link

feat: Highlight or add left border to active navbar subitem

#487 - added the feature.

In the issue the problem was not mentioned properly(the download nav item gets a left border for distinction. The same can apply to nav sub-items.) but it seems it indicates navs under the "Table of Contents" section must display the same left border upon selection.

How to see the changes

  • Go to documentation.
  • Go the environment.
  • Now move your mouse over the contents of the table.

Here is the Screenshot

20240826172905.mp4

Copy link

netlify bot commented Aug 26, 2024

Deploy Preview for java-processing-faf822 ready!

Name Link
🔨 Latest commit 7b7bad5
🔍 Latest deploy log https://app.netlify.com/sites/java-processing-faf822/deploys/670913887f483500087fd5d4
😎 Deploy Preview https://deploy-preview-557--java-processing-faf822.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.

@rishabdev2997
Copy link
Author

Added spacing between each content items in the list

Updated Screenshot for #508

20240826180247.mp4

Copy link
Contributor

@Stefterv Stefterv left a comment

Choose a reason for hiding this comment

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

Hi Rishabdev,

Thank you for your contribution, your changes are in the right direction but need some adjustments

package.json Outdated
@@ -71,6 +71,7 @@
"react-dom": "^17.0.2",
"react-helmet": "^6.1.0",
"react-intl": "^5.25.1",
"react-refresh": "^0.14.2",
Copy link
Contributor

Choose a reason for hiding this comment

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

Not part of this pr

Copy link
Author

@rishabdev2997 rishabdev2997 Aug 26, 2024

Choose a reason for hiding this comment

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

When I ran the application it showed this -

**ERROR in polyfill
Module not found: Error: Cannot find module 'react-refresh'
that's why i installed that dependency.

Copy link
Author

Choose a reason for hiding this comment

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

Can you suggest what can be done ?

Copy link
Contributor

Choose a reason for hiding this comment

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

I can't replicate that issue, what's your browser/system/node version etc...?

Copy link
Author

Choose a reason for hiding this comment

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

browser - chrome
system - windows 11
node - v19.6.1

src/components/Sidebar.module.css Outdated Show resolved Hide resolved
src/components/Sidebar.module.css Outdated Show resolved Hide resolved
@Stefterv
Copy link
Contributor

Also @SableRaf lmk if the visual changes are approved, especially regarding the spacing and fontsize changes

@SableRaf
Copy link
Collaborator

Thanks @Stefterv! Yes it looks good to me visually.

Comment on lines 131 to 140
&::before {
content: '';
position: absolute;
left: 0;
top: 50%;
height: calc(100% - 20%);
width: 4px;
background-color: transparent;
transition: background-color 0.3s;
transform: translateY(-50%);
Copy link
Contributor

Choose a reason for hiding this comment

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

This entire section is not used

@SableRaf
Copy link
Collaborator

SableRaf commented Oct 4, 2024

Hey @rishabdev2997! Just checking in—are you still interested in finishing up this PR? Let me know; otherwise, I'll go ahead and close it. Thanks!

@rishabdev2997
Copy link
Author

@SableRaf I will finish it in 3 days. sorry for late reply

@SableRaf
Copy link
Collaborator

SableRaf commented Oct 9, 2024

Sure thing! No worries. Thanks for your reply :) let us know if you need any support.

@rishabdev2997
Copy link
Author

I will make a new pr with the updates
@SableRaf

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

Successfully merging this pull request may close these issues.

3 participants