Ask HN: CSS filter to set a max width of Hacker News?

2 points

2 years ago

I'm trying to use uBlock Origin's "My Filters" page to set the maximum width of comments pages, like this one: https://news.ycombinator.com/item?id=39692801

I've got a filter already that does the right thing for comments:

    news.ycombinator.com##.comment:style(max-width: 70ch !important; overflow: hidden !important;)

And this is what I've tried for the headline/article text:

    news.ycombinator.com##table.hnmain:style(min-width: 500px !important; max-width: 500px !important;)

but the headline/article text and the first comment box are still taking up most of the width of the screen: https://gist.github.com/aclarknexient/ca490d4f7a2bedb2c06965fe918e127a

I'm not a CSS expert, and the Firefox devtools don't seem to update the table width for me, so I'm wondering if there's something script-ish going on.

I would be very appreciative if anyone could help!

EDIT: The dark mode is made via this filter:

    news.ycombinator.com##html:style(filter:invert(95%) hue-rotate(200deg); background: white;)

1 comment