Skip to content
This repository was archived by the owner on Apr 26, 2024. It is now read-only.

Fix for non-clickable area on Search result#3217

Merged
benhalverson merged 2 commits into
nodejs:mainfrom
Rajesh-Narayanappa87:main
Feb 27, 2023
Merged

Fix for non-clickable area on Search result#3217
benhalverson merged 2 commits into
nodejs:mainfrom
Rajesh-Narayanappa87:main

Conversation

@Rajesh-Narayanappa87

Copy link
Copy Markdown
Contributor

Description

Fix for https://github.com/nodejs/nodejs.dev/issues/3208 issue. Now, complete area is highlighted and made clickable.

Related Issues

Check List

  • I have read the Contributing Guidelines and made commit messages that follow the guideline.
  • I have run npm run lint:js -- --fix and/or npm run lint:md -- --fix for my JavaScript and/or Markdown changes.
    • This is important as most of the cases your code changes might not be correctly linted
  • I have run npm run test to check if all tests are passing, and/or npm run test -- -u to update snapshots if I created and/or updated React Components.
  • I have checked that the build works locally and that npm run build work fine.
  • I've covered new added functionality with unit tests if necessary.

@benhalverson benhalverson added the create-preview Generate preview on staging.nodejs.dev label Feb 25, 2023
@benhalverson
benhalverson temporarily deployed to firebase-staging February 25, 2023 18:56 — with GitHub Actions Inactive
@github-actions github-actions Bot removed the create-preview Generate preview on staging.nodejs.dev label Feb 25, 2023

@AugustinMauroy AugustinMauroy left a comment

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

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

LGTM

@codecov-commenter

Copy link
Copy Markdown

Codecov Report

Base: 66.02% // Head: 66.25% // Increases project coverage by +0.23% 🎉

Coverage data is based on head (c8373c4) compared to base (fd57b87).
Patch has no changes to coverable lines.

Additional details and impacted files
@@            Coverage Diff             @@
##             main    #3217      +/-   ##
==========================================
+ Coverage   66.02%   66.25%   +0.23%     
==========================================
  Files         118      145      +27     
  Lines        1351     1716     +365     
  Branches      342      398      +56     
==========================================
+ Hits          892     1137     +245     
- Misses        422      534     +112     
- Partials       37       45       +8     
Impacted Files Coverage Δ
src/templates/blog.tsx 0.00% <0.00%> (-100.00%) ⬇️
src/hooks/useDetectOs.ts 80.00% <0.00%> (-20.00%) ⬇️
util-node/getNodeReleasesData.js 91.30% <0.00%> (-6.32%) ⬇️
src/__fixtures__/page.tsx 94.11% <0.00%> (-5.89%) ⬇️
src/pages/index.tsx 100.00% <0.00%> (ø)
src/templates/api.tsx 0.00% <0.00%> (ø)
src/templates/learn.tsx 100.00% <0.00%> (ø)
util-node/createSlug.js 100.00% <0.00%> (ø)
util-node/getNvmData.js 100.00% <0.00%> (ø)
src/hooks/useOnScreen.tsx 100.00% <0.00%> (ø)
... and 187 more

Help us with your feedback. Take ten seconds to tell us how you rate us. Have a feature suggestion? Share it here.

☔ View full report at Codecov.
📢 Do you have feedback about the report comment? Let us know in this issue.

@github-actions

Copy link
Copy Markdown

Please find a preview at: https://staging.nodejs.dev/3217/

@benhalverson benhalverson left a comment

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

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

This doesn't look right. It's hard to read the text when you hover over any result.

@Rajesh-Narayanappa87

Copy link
Copy Markdown
Contributor Author

I don't get it. It shows up like this.

image

What is suggestion? Should we have just outline on hover instead of changing background?

@junwen-k

Copy link
Copy Markdown
Contributor

I don't get it. It shows up like this.

image

What is suggestion? Should we have just outline on hover instead of changing background?

You probably need to check both the light version and the dark version of the UI.

@Rajesh-Narayanappa87

Copy link
Copy Markdown
Contributor Author

@junwen-k : Thanks for helping.. Yes, it did not look that good in dark version.. I have removed the background color on hover.
On total, fix is make complete area clickable and highlight on hover.

@benhalverson @AugustinMauroy
This is how it looks on both version..

Light version:
image

Dark version:
image

@AugustinMauroy AugustinMauroy left a comment

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

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

Nice better thanks I don't see any new problem

@ovflowd ovflowd added the create-preview Generate preview on staging.nodejs.dev label Feb 27, 2023
@github-actions github-actions Bot removed the create-preview Generate preview on staging.nodejs.dev label Feb 27, 2023
@github-actions

Copy link
Copy Markdown

Please find a preview at: https://staging.nodejs.dev/3217/

@benhalverson benhalverson left a comment

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

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

Cookie Monster

@benhalverson
benhalverson enabled auto-merge (squash) February 27, 2023 10:20
@benhalverson
benhalverson merged commit 96d1609 into nodejs:main Feb 27, 2023
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

6 participants