Live data from Hacker News

Two lines of CSS that will improve HN on mobile (IMO)

tdinh.notion.site

61–70 of 163 posts

Re: Two lines of CSS that will improve HN on mobile (IMO)

#62
post #61
post #29

For me the up- and downvote icons are too close together and I always have to pinch zoom to upvote (I don't downvote often). So prefer a bit more spacing between them.

I don't see a downvote button...?

not enough karma points.

Re: Two lines of CSS that will improve HN on mobile (IMO)

#64
post #29

For me the up- and downvote icons are too close together and I always have to pinch zoom to upvote (I don't downvote often). So prefer a bit more spacing between them.

Thankfully the title bar says “unvote” or “undown” so I can know which one I actually hit.

Re: Two lines of CSS that will improve HN on mobile (IMO)

#65
post #44

I for one value the HN limited aesthetic. From a ui perspective its not ideal, but keeping the site extremely simple and a little coarse surely disincentivizes mass and mob adoption.

You can retain the aesthetic while also making it less frustrating to use.

Re: Two lines of CSS that will improve HN on mobile (IMO)

#66
post #61
post #29

For me the up- and downvote icons are too close together and I always have to pinch zoom to upvote (I don't downvote often). So prefer a bit more spacing between them.

I don't see a downvote button...?

You can't downvote comments if you have less than 501 karma, and the downvote button doesn't appear on replies to your own comments. Plus, there is no downvote button for stories, just for comments.

EDIT: It originally said "less than 500 karma".

Re: Two lines of CSS that will improve HN on mobile (IMO)

#67
What I really would like to have would be to collapse comment threads via a column that runs the length of the comment thread and is indented like its respective comment.

This way I don't have to scroll to find the comment to collapse its thread, and clicking the column is easier.

This is used in some subreddits in the old Reddit style, e.g. /r/de as can be seen here: https://old.reddit.com/r/de/comments/rcc9us/experten_finden_...

Re: Two lines of CSS that will improve HN on mobile (IMO)

#68

Yes, please! I often tap the “[-]” button as well and it is quite difficult to get right. Especially now that the “next” button has been added. It is very disorientating when I accidentally tap that. In fact, all tap targets are too small for mobile. Clicking the comments link to open a post is difficult and I sometimes click flag or hide by accident.

What is prev next and parent for? am I missing out, not using them?

Re: Two lines of CSS that will improve HN on mobile (IMO)

#69

Earlier quoted context omitted.

not really? looks good, functions well. slightly awkward on mobile since the text is small. very fast, loads on all devices, very accessible because of good document structure. you could reasonably browse HN on a text-only terminal.

Tables for layout. The tag. Special spacer elements. HN is ridden with anti-patterns.

Wow jesus. Opened HN with my accessibility checker. No recognisable structure. 33 spacers on the main page alone. 200+ contrast errors.
Post reply on HN