Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Add an expand/hide button on the lesson screen

See original GitHub issue

Bug
Clean up
Question
Enhancement
Suggestion
Other

What needs to be done.

A button somewhere in the lesson screen to expand/hide the lesson quickly. It would probably fit best in the top right region.

Why

To quickly and seamlessly allow the user to work in the playground.

How

It will probably be easy to add an icon with font-awesome and use CSS

.icon {
    position: absolute;
    top: ??;
    right: ??;
}

and implement JS/React to manipulate the height of the region. You can also find a better solution.

Issue Analytics

State:
Created 4 years ago
Comments:8 (5 by maintainers)

Top GitHub Comments

1reaction

BrandonArmandcommented, Aug 13, 2020

Hey @AdityaSharma911

The HTML you see is stored in the JavaScript files under the Src folder. You will need to understand React.js, so if you don’t already, I would recommend checking out their website and doing a quick course on how it works.

0reactions

guy-blackcommented, Aug 24, 2020

Hi, this would be my first pull request so sorry if I did anything wrong. I had a lot of trouble trying to pass the secondary panes height as a prop to Info, so I couldn’t have it conditionally render an option to either shrink or expand depending on size like I wanted, so I added 3 icons to Info.js to expand, return to default size, and hide the lesson. after pushing it to my fork I went ahead and opened a pull request. I hope it looks good to you.

https://github.com/BrandonArmand/Binari/pull/57

closed expand open