Hacker News Board Hacker News, browsed like a classic message board
Live data from Hacker News

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

tdinh.notion.site

Post reply on HN
Print view View original

111–120 of 163 posts

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

#111

Post by reaperducer »

gHA5 wrote: 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…

There are lots of interesting HN-specific browser extensions, if you know where to look.

One I came across performs automatic voting. On pageload, it scans for comments starting with "So..." or ending with " lol" and downvotes them. I'm not sure who this is for. "Communication peeves" comes to mind, but doesn't quite fit. I'm don't know what the word is for this.

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

#112

Post by reaperducer »

habosa wrote: post #25

If anyone from HN is here reading: maybe just make this change? The current touch targets on mobile are much too small and definitely fall below most UX / accessibility standards.

The current touch targets on mobile are much too small and definitely fall below most UX / accessibility standards.

I don't know how many times I've accidentally flagged a post when using my iPad because the text is so small. And there's no unflag button.

Fortunately, I have a controversial commenting history, so the system only very rarely allows me to flag anything.

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

#113

Post by trungdq88 »

cpcallen wrote: post #56
janaagaard wrote: post #35

(A bit ironic that the article about supporting small screens doesn't render well on a small screen: The before and after headings are both placed above the two screenshots.)

At least you were able to see something. In Chrome, with cookies disabled by default, the page appears completely blank.

Author here. It's a Notion page, I can't do much, sorry! Maybe I'll spend some time to migrate everything to a proper blog soon.

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

#114

Post by trungdq88 »

1cvmask wrote: post #49

With the unimportant caveat of the upvote and downvote icons being too close to each other I think the plain simpleness of HN works perfectly from a mobile browser.

Same thought here. All the buttons are too close to each other on mobile, haha.

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

#115

Post by trungdq88 »

tmalsburg2 wrote: post #30
lordofgibbons wrote: post #3

Its annoying that alt+left-arrow is broken on that site. Instead of taking the browser back, it just selects some random part of the page.

Page up and page down also don't work on that page. Funny for a blog post that's about improving UI.

The website is actually a Notion page, I can't do much, sorry!

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

#116

Post by chrisofspades »

leephillips wrote: post #89

Now I need two lines of CSS that will undo whatever this page does to disable my arrow and Vimium keys so that I can read whatever it has to say.

Looks like that's a byproduct of Notion's keyboard shortcuts. I agree it's very annoying. Not only does it break arrow keys, but also home, end, page up, and page down.

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

#118

Post by trungdq88 »

evanreichard wrote: post #104
gHA5 wrote: 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

Very helpful, thanks for sharing! I'm installing it now.

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

#119

Post by Shared404 »

NoGravitas wrote: post #76

See, I would have just put that in a userstyle (yes, I have Stylus on mobile) rather than write a blog post about it. But I'm grateful for the blog post...now I can put those lines in my userstyle.

There's definitely something to be said for short blog posts with snippets of info like this.

I very much appreciate the fact that this wasn't turned into a article three times the size, just the information and relevant code.

Post reply on HN