Live data from Hacker News

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

tdinh.notion.site

101–110 of 163 posts

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

#101
post #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.

Not on comments, it just says "unvote" which is extremely unhelpful.

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

#103
post #6

Or just use: https://play.google.com/store/apps/details?id=com.simon.harm...

Personally not a fan of using an app to browser something that contains that many links to the web. You're either stuck in the in-app browser (no bookmarks, etc.) or there is a lot of switching between the app and the browser. I have an iOS device. The experience might be better on Android.

It also means you can't open a link in a private/incognito tab, which I like to do to cater my history and cookies.

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

#104
post #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/exper…

I created a quick UserScript that does just this. Hacked together but seems to work well. You can find it here [0][1]

[0] https://gist.github.com/evanreichard/96d89512cbfe23e5d7a8147...

[1] https://i.imgur.com/qGUltI8.png

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

#105
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 have voted for your comment. Not sure if it was up or down though. ;)

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

#107
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.

That's cool, but I hope you can also see that the user experience on mobile is pretty bad due to small icons and links.

I suggest Harmonic for Android, an app front-end to HN with a similarly minimal aesthetic but a pleasure to use on mobile.

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

#108
post #64

Earlier quoted context omitted.

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

Not on comments, it just says "unvote" which is extremely unhelpful.

I just downvoted your comment and it says "undown".

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

#109

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?

You can press "parent" and then "next" to jump to the next (sub)thread. I wish there was a single button for that.

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

#110
post #66
post #61

Earlier quoted context omitted.

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".

Huh. TIL. It seems I am but a few karma from having a downvote button. Interesting.
Post reply on HN