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

Collapse example code blocks in challenge descriptions #54561

Merged
merged 6 commits into from
Jun 7, 2024

Conversation

ndaruvala
Copy link
Contributor

@ndaruvala ndaruvala commented Apr 28, 2024

Checklist:

We added a dropdown toggle button to all example code blocks on the https://www.freecodecamp.org/learn courses. This aims to make dealing with large code examples less awkward for the user. Here is an example:

Toggled on (default state):
Screenshot 2024-04-28 at 1 51 08 PM

Toggled off:
Screenshot 2024-04-28 at 1 51 22 PM

Closes #54190

@github-actions github-actions bot added the platform: learn UI side of the client application that needs familiarity with React, Gatsby etc. label Apr 28, 2024
@ndaruvala ndaruvala marked this pull request as ready for review April 28, 2024 17:57
@ndaruvala ndaruvala requested a review from a team as a code owner April 28, 2024 17:57
@ndaruvala ndaruvala changed the title Collapse code Collapse example code blocks in challenge descriptions Apr 28, 2024
@gikf gikf added status: waiting review To be applied to PR's that are ready for QA, especially when additional review is pending. scope: UI Threads for addressing UX changes and improvements to user interface labels Apr 28, 2024
@naomi-lgbt
Copy link
Member

Do we want this to be applying itself to ALL code blocks? Including those that aren't in the multifile layout?

@Sembauke
Copy link
Member

Sembauke commented Jun 6, 2024

That makes sense yes

Copy link
Member

@naomi-lgbt naomi-lgbt left a comment

Choose a reason for hiding this comment

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

Okie dokie

@naomi-lgbt naomi-lgbt merged commit 5c885a3 into freeCodeCamp:main Jun 7, 2024
21 checks passed
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: UI Threads for addressing UX changes and improvements to user interface 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.

Use disclosure widget to show/hide more details in challenges
6 participants