Github image scaling on comment stream

[stdedos]

Example issue: sublimehq/Packages#1781 (comment)

The scaling done on the images in issue comments is annoying. Basically, if the image width is bigger than the issue box, then you must open the image to read it on a separate tab.

For me (i.e. my JS level), it is very easy to solve, and I already love it:

i.e. disable max-width: 100%; on the element and the class

---

However, for Refined Github's level:

• Add a horizontal scrolling bar; the "normal" one or one of those cute round "invisible" gray ones, and/or
• Add an "expand" button that would widen the issues a little bit (there is more space in WQHD monitors) / pop up the image

[yakov116]

It looks fine by me?? misunderstood.

Disagree. nmv

[fregante]

I see your point, ideally clicking the image would show it full size.

Then clicking it again would reset it.

You're lucky! Clicking the image already does show it as big as possible, in a new tab, automatically, thanks to Markdown's automatic image linking.

Pros:

• 1 click to open it
• 1 click to close it (or keyboard shortcut: ctrl+w/cmd+w)
• fits your whole window without scrollbars
• lets you easily zoom in and scroll
• we don't have to write any code for it 🎉

---

The alternative would be to show it in a lightbox... but what's the advantage? Too much work just to avoid opening a new tab.

... at least as far as Refined GitHub is concerned.

Maybe GitHub will accept your feature if you ask them.

[FichteFoll]

For other purposes, I suggest using a browser addon like Imagus that provides a dynamic popup for all images and even special handlers for some sites.