search

1bl4z3r / hermit-V2

Continuing Hermit's legacy to be minimal and fast theme
https://1bl4z3r.github.io/hermit-V2/
MIT License
79 stars 33 forks source link

Request: code block limiting width with scroll bar #24

Closed jamesbraza closed 10 months ago

jamesbraza commented 10 months ago

As of version 1.0.0, looking at the example site's MathJax post: https://1bl4z3r.github.io/hermit-V2/posts/mathjax-support/

The left/right scrolling is huge due to the first code block in the configuration section.

Any thoughts on having the scrolling limited to within the code block (and not the entire page)?

As an example, check out the code blocks here work (left/right scrolling is scoped to the code block): https://blowfish.page/docs/shortcodes/#alert

1bl4z3r commented 10 months ago

Hi @jamesbraza,

Thank you again. Let me check this. I will update as soon as possible.

Additionally, if you are able, could you give me a screenshot of the issue. It will help me a lot.

jamesbraza commented 10 months ago

Yeah sure! I have pasted a screenshot below:

screenshot of what I meant

Basically the first code block goes way off the screen, and you can see a left-to-right scrollbar appears on the bottom. It would be cool if the scroll bar is inside the code block, not for the entire screen. Take a look at that Blowfish theme's link in the first post for a reference.

Let me know if the request still doesn't quite make sense

1bl4z3r commented 10 months ago

Got it.

Either it will be a horizontal scrollbar or the code will be auto word-wrapped.

No promises on what I could implement though.

1bl4z3r commented 10 months ago

Added scroll bar on code block, as this was easier. image

jamesbraza commented 10 months ago

Thank you @1bl4z3r ! Looks great, and can now scroll down that page nicely