Add vertical scrollbar for challenges instructions panel.

[eduardbme]

Pre-Submission Checklist

• Your pull request targets the staging branch of FreeCodeCamp.
• Branch starts with either fix/, feature/, or translate/ (e.g. fix/signin-issue)
• You have only one commit (if not, squash them into one commit).
• All new and existing tests pass the command npm run test-challenges. Use git commit --amend to amend any fixes.

Type of Change

• Small bug fix (non-breaking change which fixes an issue)
• New feature (non-breaking change which adds new functionality)
• Breaking change (fix or feature that would change existing functionality)
• Add new translation (feature adding new translations)
• Little front-end enchantment.

Checklist:

• Tested changes locally.
• Closes currently open issue (replace XXXX with an issue no): Closes #XXXX

Description

Add scrollbar for challenge instruction part of the page (the leftmost column).

Before fix:

After fix:

[erictleung]

Tagging @QuincyLarson @hallaathrad @BerkeleyTrue for review of UX/UI changes.

[camperbot]

@eduardbcom updated the pull request.

[eduardbme]

Just fixed indentations I haven't noticed before.

[QuincyLarson]

@eduardbcom Thanks for submitting this PR.

Can you include screen shots of how this looks in other browsers and on Windows/Linux? I think we tried adding scroll bars in the past and it resulted in duplicate scroll bars so we ditched them.

Also, I don't see an issue that this is referencing. Unless there are a lot of campers asking for this sort of UI element, it's probably not worth cluttering up our UI over.

[Bouncey]

@eduardbcom is there any progress on this?

[Bouncey]

Closing as stale

@eduardbcom feel free to reopen this PR if you have any more progress

[eduardbme]

@Bouncey @QuincyLarson Looks like this issue reproduces just on my screen. Have tested on wider screen and it works just fine. In the next time will check this out on several devices first..by the way, my solution does not duplicate scrollbar, so it will work just fine.

Many thanks for your time will continue study and contribute to FCC.

[QuincyLarson]

@eduardbcom OK - what is your device's resolution? Thanks for raising this issue. We are not closed to the option of adding a scroll bar necessarily, but there are so many browsers, all of which interpret these differently, and significant cross browser and device testing would be necessary.