I built a presentation slide with spectacle and I added spectacle-code-slide everything is working but the height of <CodeSlide>
is really small. It's not fullscreen compare to this example
Anyone have this problem?
Snippet
<Deck transition={["zoom", "slide"]} transitionDuration={500} theme={theme}>
....
<CodeSlide
lang="js"
code={require("raw-loader!../assets/code")}
ranges={[
{ loc: [0, 1], title: "Importing React" },
{ loc: [2, 30] }, //TodoList Component
{ loc: [4, 12], title: "Contructor Method" },
{ loc: [13, 25], title: "Render Method" },
{ loc: [14, 17] }, //Creating TodoItem by mapping through the list
{ loc: [18, 24] },
{ loc: [26, 29], title: "addEvent Method" },
{ loc: [31, 36], title: "TodoItem Component" },
{ loc: [37, 72] }, //NewTodoItem Component
{ loc: [39, 47] }, //Contructor Method
{ loc: [48, 51] }, //componentDidMount
{ loc: [52, 63] }, //render
{ loc: [64, 69] }, //onChange
{ loc: [70, 75] }, //onSubmit
{ loc: [77, 78], title: "Rendering component in the DOM" },
]}
/>
</Deck>
EDIT: To anyone who is having issues remove all the transitions on your Deck
component. Comments for help.