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

fix(ui): display checkmark on completed C# challenges #52504

Merged

Conversation

huyenltnguyen
Copy link
Member

Checklist:

I found that completed C# challenges don't have a checkmark next to their title. I'm addressing this by replacing the h2 element with the ChallengeTitle component, which has the checkmark built-in.

Side effects of this change are:

  • The title is now centered instead of being left aligned
  • The title font size is now smaller
  • The title is now rendered as an h1 instead of an h2. This helps make the pages more accessible as C# challenge pages don't have an h1 at the moment

Screenshots

Before After
Screenshot 2023-12-07 at 22 18 42 Screenshot 2023-12-07 at 21 21 08

@github-actions github-actions bot added platform: learn UI side of the client application that needs familiarity with React, Gatsby etc. scope: tools/scripts Scripts for supporting dev work, generating config and build artifacts, etc. labels Dec 7, 2023
@ghost
Copy link

ghost commented Dec 7, 2023

👀 Review this PR in a CodeSee Review Map

View the CodeSee Map of this change

Review these changes using an interactive CodeSee Map

Legend

CodeSee Map legend

e2e/show.spec.ts Show resolved Hide resolved
e2e/show.spec.ts Show resolved Hide resolved
@huyenltnguyen huyenltnguyen marked this pull request as ready for review December 7, 2023 17:05
@huyenltnguyen huyenltnguyen requested a review from a team as a code owner December 7, 2023 17:05
@moT01
Copy link
Member

moT01 commented Dec 7, 2023

Hey @huyenltnguyen, this is looking good 👍 I was working on this one that does some similar things. I think we should be fine to get this in and I can fix up any conflicts on my PR if they arise.

@moT01 moT01 added the status: waiting review To be applied to PR's that are ready for QA, especially when additional review is pending. label Dec 12, 2023
Copy link
Member

@moT01 moT01 left a comment

Choose a reason for hiding this comment

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

LGTM 🎉

Note: I believe this layout is used in the some of the C#, College Algebra, Odin Project, and English Challenges.

@moT01
Copy link
Member

moT01 commented Dec 18, 2023

I resolved the minor conflict on this cause it would be nice to get it in.

@naomi-lgbt naomi-lgbt merged commit 8e457e7 into freeCodeCamp:main Dec 18, 2023
24 checks passed
@huyenltnguyen huyenltnguyen deleted the fix/csharp-challenges-checkmark branch December 19, 2023 01:46
@huyenltnguyen huyenltnguyen mentioned this pull request Jan 16, 2024
61 tasks
nieldakarla pushed a commit to nieldakarla/freeCodeCamp that referenced this pull request Jan 19, 2024
…2504)

Co-authored-by: Tom <20648924+moT01@users.noreply.github.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
platform: learn UI side of the client application that needs familiarity with React, Gatsby etc. scope: tools/scripts Scripts for supporting dev work, generating config and build artifacts, etc. status: waiting review To be applied to PR's that are ready for QA, especially when additional review is pending.
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

3 participants