4 ms·

Just FYI, when you post content like that, it is completely unreadable.

by torstenvl 9y ago

Aloha 9y ago
How? It's formatted monospaced text, its perfectly readable to me.
- finnh 9y ago
  On my iphone, at least, the monospace section cuts off after ~20 characters and you have to drag back-and-forth to horizontally scroll the rest into view. Landscape mode helps, but not much.
- croddin 9y ago
  It doesn’t wrap on mobile and you have to scroll horizontally to read it all.
  - mrweasel 9y ago
    Nor does it wrap in Firefox, so pretty annoying on desktops as well. Unless you're using a large monitor.
- torstenvl 9y ago
  It's fixed width at a tiny fraction of the screen width. Reading each line requires manually scrolling from start to end of the line, and then back to the beginning, seeing maybe 2-3 words at a time.
- jannes 9y ago
  https://i.imgur.com/X3FcvQX.png https://i.imgur.com/X3FcvQX.png
alberth 9y ago
This is a tiny CSS fix to simply remove the "width" attribute on code and pre. I wish someone from HN would fix this.
- yupyup 9y ago
  If only this were a website for technical people...
nikolay 9y ago
I agree, but that's the only option for posting something structured. I wish HN would give up and implement GitHub Flavored Markdown and allow us to post code snippets, nested lists, etc. Sorry, I do extra effort to convert HTML into comments - maybe I should write a tool instead. I try to always post a comment with release notes and not just an outbound link. It would be great if HN implements https://changelogs.md/ https://changelogs.md/ and gives an open to see the changelog without leaving the site.
rosstex 9y ago
(on mobile)
hinkley 9y ago
Here's the problem: @media only screen and (min-width : 390px) and (max-width : 509px) { .comment { max-width: 350px; overflow: auto } pre { max-width: 260px; } } @media only screen and (min-width : 510px) and (max-width : 599px) { .comment { max-width: 460px; overflow: auto } pre { max-width: 340px; } } @media only screen and (min-width : 600px) and (max-width : 689px) { .comment { max-width: 540px; overflow: auto } pre { max-width: 400px; } } They are putting max widths on child elements instead of letting the parent control things. It's foolishness. But then, if you look at the html hacker news generates, it'll put you off your lunch.

Just FYI, when you post content like that, it is completely unreadable.

Aloha 9y ago

How? It's formatted monospaced text, its perfectly readable to me.

finnh 9y ago
On my iphone, at least, the monospace section cuts off after ~20 characters and you have to drag back-and-forth to horizontally scroll the rest into view. Landscape mode helps, but not much.
croddin 9y ago
It doesn’t wrap on mobile and you have to scroll horizontally to read it all.
- mrweasel 9y ago
  Nor does it wrap in Firefox, so pretty annoying on desktops as well. Unless you're using a large monitor.
torstenvl 9y ago
It's fixed width at a tiny fraction of the screen width. Reading each line requires manually scrolling from start to end of the line, and then back to the beginning, seeing maybe 2-3 words at a time.
jannes 9y ago
https://i.imgur.com/X3FcvQX.png https://i.imgur.com/X3FcvQX.png

alberth 9y ago

This is a tiny CSS fix to simply remove the "width" attribute on code and pre. I wish someone from HN would fix this.

yupyup 9y ago
If only this were a website for technical people...

nikolay 9y ago

I agree, but that's the only option for posting something structured. I wish HN would give up and implement GitHub Flavored Markdown and allow us to post code snippets, nested lists, etc. Sorry, I do extra effort to convert HTML into comments - maybe I should write a tool instead. I try to always post a comment with release notes and not just an outbound link. It would be great if HN implements https://changelogs.md/ https://changelogs.md/ and gives an open to see the changelog without leaving the site.

rosstex 9y ago

(on mobile)

hinkley 9y ago

Here's the problem: @media only screen and (min-width : 390px) and (max-width : 509px) { .comment { max-width: 350px; overflow: auto } pre { max-width: 260px; } } @media only screen and (min-width : 510px) and (max-width : 599px) { .comment { max-width: 460px; overflow: auto } pre { max-width: 340px; } } @media only screen and (min-width : 600px) and (max-width : 689px) { .comment { max-width: 540px; overflow: auto } pre { max-width: 400px; } } They are putting max widths on child elements instead of letting the parent control things. It's foolishness. But then, if you look at the html hacker news generates, it'll put you off your lunch.