Making code blocks/console blocks scrollable so that the code does not extend out of the block

soham96 commented 4 years ago

Check out this image:

soham96 commented 4 years ago

So I was trying to figure out how to solve it and I did the following:

Added: overflow-y: auto !important; Removed: white-space: pre-wrap;

Behaviour changes:

Both type of blocks now scroll which is pretty cool
No more wrapping behaviour. The wrapping caused the output of the model summary to be unreadable and the model training summary to wrap around and make it a bit tough to understand. Both of these do not wrap and it is more readable
Since there is no more wrapping, reader will have to scroll significantly to read the model training summary. This can be solved by printing a shorter summary, but cannot be solved for the current quantization blog.

I also do not know if what I did is 'good practice' so I did not push it. Just hoping that it might help @prasannakumaar28 and help you get an idea of what the best way to make it scrollable is.

suriyadeepan commented 4 years ago

e6b0d86b5e2e8aafff4546439f8596fc89cb1b47 fixes this issue.

scicafe / scicafe.github.io

Making code blocks/console blocks scrollable so that the code does not extend out of the block #16