Skip to content
This repository has been archived by the owner on Oct 16, 2019. It is now read-only.

Fix/monaco resizing #82

Merged
merged 3 commits into from
May 21, 2018

Conversation

scissorsneedfoodtoo
Copy link

@scissorsneedfoodtoo scissorsneedfoodtoo commented May 21, 2018

Reworked the way that the editor and output are rendered when the browser window / panes are resized horizontally. Moved the ReflexContainer elements into the editors variable to get vertical resizing working. Also, removed the margin-bottom property from the .editor class in classic.css and set overflow to hidden in .react-monaco-editor-container. By doing this it prevents the browser scrollbars from appearing and removes the white space at the bottom of the editor / output panes when scrolling all the way down past the code.

Closes #56 and #49.

@scissorsneedfoodtoo scissorsneedfoodtoo force-pushed the fix/monaco-resizing branch 2 times, most recently from 0ddd4f2 to 0845da8 Compare May 21, 2018 11:17
…wser window / panes are resized horizontally. Moved the ReflexContainer elements into the editors variable to get vertical resizing working. Also, removed the margin-bottom property from the .editor class in classic.css and set overflow to hidden in .react-monaco-editor-container. By doing this it prevents the browser scrollbars from appearing and removes the white space at the bottom of the editor / output panes when scrolling all the way down past the code.
@Bouncey
Copy link
Member

Bouncey commented May 21, 2018

@scissorsneedfoodtoo, you Sir are my hero.

I have lost so much time to this it is scary.

@Bouncey Bouncey merged commit 2914eb9 into freeCodeCamp:master May 21, 2018
@scissorsneedfoodtoo
Copy link
Author

@Bouncey, thank you for the merge and such kind words! I totally know what you mean--would have pulled out my hair if I hadn't lost it already! Just glad I could help out a bit :)

@scissorsneedfoodtoo scissorsneedfoodtoo deleted the fix/monaco-resizing branch May 23, 2018 07:11
Bouncey pushed a commit to Bouncey/learn that referenced this pull request Jul 27, 2018
* Reworked the way that the editor and output are rendered when the browser window / panes are resized horizontally. Moved the ReflexContainer elements into the editors variable to get vertical resizing working. Also, removed the margin-bottom property from the .editor class in classic.css and set overflow to hidden in .react-monaco-editor-container. By doing this it prevents the browser scrollbars from appearing and removes the white space at the bottom of the editor / output panes when scrolling all the way down past the code.
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

2 participants