Skip to content

fix: download button icon - #6395

Merged
AugustinMauroy merged 2 commits into
nodejs:mainfrom
heygsc:main
Mar 2, 2024
Merged

fix: download button icon#6395
AugustinMauroy merged 2 commits into
nodejs:mainfrom
heygsc:main

Conversation

@heygsc

@heygscheygsc commented Mar 2, 2024

Copy link
Copy Markdown
Contributor

Description

Before the download button, it was pointed to the right, but changed to downward, which is in line with the meaning of downloading.

Validation

Related Issues

fix: #6392

Check List

  • I have read the Contributing Guidelines and made commit messages that follow the guideline.
  • I have run npx turbo lint to ensure the code follows the style guide. And run npx turbo lint:fix to fix the style errors if necessary.
  • I have run npx turbo format to ensure the code follows the style guide.
  • I have run npx turbo test to check if all tests are passing.
  • I've covered new added functionality with unit tests if necessary.

Signed-off-by: heygsc <1596920983@qq.com>
@heygsc
heygsc requested a review from a team as a code ownerMarch 2, 2024 16:54
@vercel

vercelBot commented Mar 2, 2024

Copy link
Copy Markdown

The latest updates on your projects. Learn more about Vercel for Git ↗︎

NameStatusPreviewUpdated (UTC)
nodejs-org✅ Ready (Inspect)Visit PreviewMar 2, 2024 5:04pm

@AugustinMauroy

AugustinMauroy commented Mar 2, 2024

Copy link
Copy Markdown
Member

I'm not fan of this icon we should use same icon as download page.

import{CloudArrowDownIcon}from'@heroicons/react/24/outline';

Signed-off-by: heygsc <1596920983@qq.com>
@heygsc

Copy link
Copy Markdown
ContributorAuthor

I'm not fan of this icon we should use same icon as download page.

import{CloudArrowDownIcon}from'@heroicons/react/24/outline';

It makes sense.
At first, when I saw several download buttons on the tailwind, I didn't know which one to choose.
The download page was indeed suitable. I updated it again.

@github-actions

github-actionsBot commented Mar 2, 2024

Copy link
Copy Markdown
Contributor

Lighthouse Results

URLPerformanceAccessibilityBest PracticesSEOReport
/en🟢 94🟢 98🟢 100🟢 91🔗
/en/about🟢 99🟢 98🟢 100🟢 92🔗
/en/about/previous-releases🟢 100🟢 96🟢 100🟢 92🔗
/en/download🟢 100🟢 97🟢 100🟢 91🔗
/en/blog🟢 99🟢 96🟢 92🟢 92🔗

@AugustinMauroyAugustinMauroy 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.

SGTM ! Thanks for your first contribution 🎉

@github-actions

github-actionsBot commented Mar 2, 2024

Copy link
Copy Markdown
Contributor

Unit Test Coverage Report

LinesStatementsBranchesFunctions
Coverage: 85%
80.18% (433/540)79.65% (137/172)73.07% (76/104)

Unit Test Report

TestsSkippedFailuresErrorsTime
880 💤0 ❌0 🔥4.502s ⏱️

@heygscheygsc changed the title fix: download button directionfix: download button iconMar 2, 2024
@heygsc

Copy link
Copy Markdown
ContributorAuthor

SGTM ! Thanks for your first contribution 🎉

Thank you!

@uncenter

uncenter commented Mar 2, 2024

Copy link
Copy Markdown

FYI if you add "closes #6392" to the PR description it will show up as a relevant PR in the issue itself and automatically close the issue when the PR is merged. (Prevents confusion like this: #6392 (comment).)

@ovflowd

Copy link
Copy Markdown
Member

FYI, can we swap the icon to before the text? For the arrow, it made sense to be on the right, not for this icon anymore.

@uncenter

Copy link
Copy Markdown

I kinda think on the right makes sense?

@ovflowd

Copy link
Copy Markdown
Member

I kinda think on the right makes sense?

Why so? (Out of curiosity)

@heygsc

heygsc commented Mar 2, 2024

Copy link
Copy Markdown
ContributorAuthor

FYI if you add "closes #6392" to the PR description it will show up as a relevant PR in the issue itself and automatically close the issue when the PR is merged. (Prevents confusion like this: #6392 (comment).)

Okay, I didn't carefully check the issue before, but now it has been added to the description.

@heygsc

heygsc commented Mar 2, 2024

Copy link
Copy Markdown
ContributorAuthor

FYI, can we swap the icon to before the text? For the arrow, it made sense to be on the right, not for this icon anymore.

To the right, is it to point to the "download" text?
Haha, maybe it can be discussed again.

@uncenter

Copy link
Copy Markdown

I kinda think on the right makes sense?

Why so? (Out of curiosity)

It just feels right 😅

RightLeft
Capture-2024-03-02-131119image

@ovflowd

Copy link
Copy Markdown
Member

I kinda think on the right makes sense?

Why so? (Out of curiosity)

It just feels right 😅

Right Left
Capture-2024-03-02-131119image

Indeed it looks right. (Ba dum ts)

@ovflowdovflowd added the fast-track Fast Tracking PRs label Mar 2, 2024
@ovflowd

Copy link
Copy Markdown
Member

I'm fast-tracking this since it's a minor fix. Thank you for your first contribution, @heygsc and thank you for reporting this issue, @uncenter

@shanpriyanshanpriyan left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

LGTM! Thanks for the PR 🌟

@AugustinMauroy
AugustinMauroy added this pull request to the merge queueMar 2, 2024
Merged via the queue into nodejs:main with commit 2f6e08bMar 2, 2024
Sign up for freeto join this conversation on GitHub. Already have an account? Sign in to comment

Labels

fast-trackFast Tracking PRs

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Confusing "Download Node.js" button on homepage

5 participants

@heygsc@AugustinMauroy@uncenter@ovflowd@shanpriyan