zlacker

[return to "My uBlock Origin filters to remove distractions"]
1. perihe+Th[view] [source] 2023-09-20 15:13:46
>>mig4ng+(OP)
Tangentially: after you've blocked a very large number of ads and sidebars, one useful enhancement is to expand whatever text elements remain, to regain use of all that now-empty whitespace. Something like so:

    :xpath(//main/div):style(min-width: 80% !important)
(I've been looking at going a step further for some sites, by annotating a "column-count:" [0] rule and making the screen look like a newspaper. (Narrow columns for readability—multiple columns for "scan-ability"). Unfortunately, there's a lot more fiddling and tuning to this than I expected: it doesn't automagically work in the way you'd hope. Modern website DOM layouts are basically Superfund sites).

[0] https://developer.mozilla.org/en-US/docs/Web/CSS/column-coun...

[late edit]: Here's a minimal example of "column-count:" injected by uBlock (on a website where it sort-of works)—this is what I'm trying to coerce other websites into looking like:

https://i.ibb.co/k3bRwhP/example-1.webp

    theguardian.com###maincontent:style(margin-left: -28vw !important; min-width: 90vw !important; column-count: 4 !important)
    theguardian.com##div:style(border: none !important)
◧◩
2. notRob+sG1[view] [source] 2023-09-20 21:41:11
>>perihe+Th
It would be cool if you could figure out a way to have this work on top of FF's reader view.
◧◩◪
3. Within+TK2[view] [source] 2023-09-21 08:21:52
>>notRob+sG1
It's possible to style the page Reader View uses by creating new files in FF's folders somewhere...
◧◩◪◨
4. perihe+kR2[view] [source] 2023-09-21 09:11:48
>>Within+TK2
That works too!

    @-moz-document url-prefix(about:reader) {
      .container {
        column-count: 4;
        min-width: 85vw !important;
        margin: 0 50px 0 50px;
      }
    }
https://i.ibb.co/7XT4zfs/example-2.webp

It's chrome/userContent.css in the Firefox profile subdirectory, enabled by the about:config flag toolkit.legacyUserProfileCustomizations.stylesheets.

[go to top]