Skip to content

Fixes #44 : Update CodeEditor to display the complete content #51

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

Merged
merged 1 commit into from
Oct 7, 2017

Conversation

akshatnitd
Copy link
Contributor

The code at the bottom of the CodeEditor in the examples was hidden, due to overflow : 'hidden' to the parent element. Made changes to show complete code. Also, hid the scroll-bar for better UI.

@akshatnitd
Copy link
Contributor Author

@bvaughn @gaearon Please review :)

@reactjs-bot
Copy link

reactjs-bot commented Oct 7, 2017

Deploy preview ready!

Built with commit 521f334

https://deploy-preview-51--reactjs.netlify.com

@facebook-github-bot
Copy link
Collaborator

Thank you for your pull request and welcome to our community. We require contributors to sign our Contributor License Agreement, and we don't seem to have you on file. In order for us to review and merge your code, please sign up at https://code.facebook.com/cla. If you are contributing on behalf of someone else (eg your employer), the individual CLA may not be sufficient and your employer may need the corporate CLA signed.

If you have received this in error or have any questions, please contact us at cla@fb.com. Thanks!

@facebook-github-bot
Copy link
Collaborator

Thank you for signing our Contributor License Agreement. We can now accept your code for this (and any) Facebook open source project. Thanks!

Copy link
Contributor

@bvaughn bvaughn left a comment

Choose a reason for hiding this comment

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

Thanks for working on this issue! It's definitely an improvement to be able to scroll to the bottom of the code snippet 😅 although there's still some funky margin/padding going on that would be nice to clear up:

screen shot 2017-10-07 at 8 07 47 am

This change essentially double-pads the bottom (at least it gives that visual appearance).


pre::scrollbar {
display: none;
}
Copy link
Contributor

Choose a reason for hiding this comment

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

We shouldn't disable the scrollbar display like this (although I agree with you that browser scrollbars are generally unattractive). Users depend on scrollbars to indicate that there's content below the fold. Hiding the scrollbar can be a confusing user experience. Also, unless users have a trackpad or a mouse-wheel, they would be unable to scroll the content in this case.

Copy link
Contributor Author

Choose a reason for hiding this comment

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

Yes, correct :) Reverting this change and updating the PR.

@akshatnitd akshatnitd force-pushed the scroll-bar branch 2 times, most recently from 7e4f340 to 404c34e Compare October 7, 2017 15:35
@akshatnitd
Copy link
Contributor Author

@bvaughn Made the requested changes :)

Copy link
Contributor

@bvaughn bvaughn left a comment

Choose a reason for hiding this comment

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

Looks like an improvement 👍 Thanks 😄

@bvaughn bvaughn merged commit b60dc47 into reactjs:master Oct 7, 2017
@akshatnitd
Copy link
Contributor Author

@bvaughn Thanks for merging :) This was my first PR to the org 😄 Many more to come! 🎆

@akshatnitd akshatnitd deleted the scroll-bar branch October 7, 2017 19:08
@bvaughn
Copy link
Contributor

bvaughn commented Oct 7, 2017

We're excited to hear that!

jhonmike pushed a commit to jhonmike/reactjs.org that referenced this pull request Jul 1, 2020
* translation first version

* Update content/docs/conditional-rendering.md

fix url

Co-Authored-By: cstpk <costasnataly@gmail.com>

* Apply suggestions from code review

fix typos, accents and links

Co-Authored-By: cstpk <costasnataly@gmail.com>

* Update content/docs/conditional-rendering.md

Co-Authored-By: cstpk <costasnataly@gmail.com>

* Update content/docs/conditional-rendering.md

Co-Authored-By: cstpk <costasnataly@gmail.com>

* Update content/docs/conditional-rendering.md

Co-Authored-By: cstpk <costasnataly@gmail.com>

* Update content/docs/conditional-rendering.md

Co-Authored-By: cstpk <costasnataly@gmail.com>

* Update content/docs/conditional-rendering.md

Co-Authored-By: cstpk <costasnataly@gmail.com>

* removed extra new line

* Update content/docs/conditional-rendering.md

Co-Authored-By: cstpk <costasnataly@gmail.com>

* Update content/docs/conditional-rendering.md

Co-Authored-By: cstpk <costasnataly@gmail.com>

* Update content/docs/conditional-rendering.md

Co-Authored-By: cstpk <costasnataly@gmail.com>

* Update content/docs/conditional-rendering.md

Co-Authored-By: cstpk <costasnataly@gmail.com>

* Update content/docs/conditional-rendering.md

Co-Authored-By: cstpk <costasnataly@gmail.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

4 participants