-
Couldn't load subscription status.
- Fork 699
Code Pane! #712
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
Code Pane! #712
Conversation
# Conflicts: # package.json # src/components/deck.js
| import TestMDX from './examples/mdx/test-mdx'; | ||
| // import TestJs from './examples/JS/TestJS.js'; | ||
| // import TestMDX from './examples/mdx/test-mdx'; | ||
| import TestJs from './examples/js/test-js'; |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
This fixes a filename case issue.
| }, [navigateToCurrentUrl]); | ||
|
|
||
| React.useLayoutEffect(() => { | ||
| document.body.style.margin = '0'; |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Some browsers add extra margins to body which throws off the full size slides. Ordinarily in an app we'd use a CSS reset, but we don't want our users to have to fuss with loading a CSS file and JS.
| right: 0, | ||
| position: 'absolute' | ||
| }), | ||
| [] |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
This is just a memoized base style. Likely when we land upon a theming solution this would get refactored into that.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Looks great!
Add
<CodePane />component to Spectacle rewrite!prism-react-rendererat the coreOther improvements
Animated Example of 2 code slides each with their own font!
