Live data from Hacker News

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

tdinh.notion.site

81–90 of 163 posts

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

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

Not to mention every app is another potential security hole.

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

#83
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…

This is one of the few things where I think the new Reddit is actually a little better. Same basic idea as at your link, but make it so that those guidelines that are running down to the left of the subtree are the thing you click to collapse, instead of having a separate invisible (until you mouse over) collapse column next to the guideline.

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

#84

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?

- 'parent' goes to the comment that is replied to

- 'prev' / 'next' goes to the adjacent sibling comments

- 'root' goes to the top level comment in the thread (not the post)

They are very useful on mobile if you're deep in a thread, and want to go to the next top-level thread. To do that, press 'root' and then 'next' (or collapse it with [-]).

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

#85
Personally I prefer the existing style.

The larger text looks imbalanced, and I think there are ways to make collapsing threads easier without the eyesore, like changing "[-]" to "collapse thread" or adding a reddit-style bar to the left of the text.

Commenting in case others agree, so the HN team doesn't assume everyone agrees with the proposed change.

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

#86
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…

The Refined Hacker News extension for Chrome has a “collapse root” button on each comment that I think does what you want.

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

#87
Hah! This is nothing compared to the “update” button being next to iOS Safari’s back button.

Will I successfully update my prescient mumblings such that they actually make sense, or will I delete everything my fat fingers just spent hundreds of seconds editing? Who nose?!

This is an specially irksome bug given that the two buttons are only next to each other for particularly long comments. I should cut back on the waffle.

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

#88
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'd prefer moving them to the same line as "reply", putting them side by side, and changing them to "▲ upvote" and "▼ downvote". Adding the text and putting them side by side makes them easier to hit, and moving them down to the "reply" line frees up valuable space at the left side.

To that newly freed space on the left move the "next" and "prev" links, and if "next" and/or "prev" is not available for a particular comment pad its space so if "next" and/or "prev" is there it is always at the same horizontal position.

This makes it easier to skip forward or back a subtree at a time, because after a given click of "next" or "prev" is executed your mouse or finger will be over the next "next" or "prev".

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

#90
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…

My 5 cents: This makes it way too easy to accidentally collapse threads as the clickable area is hard to tell apart from whitespace. (Speaking from regular and annoying experience with on old.reddit.com.) I, for one, much prefer the HN style buttons.
Post reply on HN