The .preloader div continues to float over the code even after the animation has finished. This makes it difficult to highlight the code when clicking and dragging from the top left:
Example showing .preloader div over the code:
Solution
This change ensures that the .preloader div is set as display: block; when the surrounding pre element has the .loading class, otherwise it is set as display: none; to avoid interfering with the code.
Issue
The
.preloaderdiv continues to float over the code even after the animation has finished. This makes it difficult to highlight the code when clicking and dragging from the top left:Example showing
.preloaderdiv over the code:Solution
This change ensures that the
.preloaderdiv is set asdisplay: block;when the surroundingpreelement has the.loadingclass, otherwise it is set asdisplay: none;to avoid interfering with the code.