Open mpeter50 opened 1 week ago
Hiding the banner seems to be possible with the following uBO cosmetic filter:
:not(div.dialog-screen) > .bottom.fixed-container.m
It looks like this as an uBO custom filter rule:
m.facebook.com##:not(div.dialog-screen) > .bottom.fixed-container.m
Prerequisites
Problem description
When browsing facebook on mobile in a web browser, the webapp shows at all times a banner at the bottom of the page that assures the user that the facebook app is better, and they should installed it.
While this does not prevent usage of the webapp, it obscures a large part of the screen, which is especially bad when the phone is used by an elder person who needs that all text and UI element is larger than normal.
Proposed solution
The mentioned banner does not have any use other than inducing the user to install the privacy invasive facebook app, so I think hiding it with a proper selector should be a good solution.
Unfortunately I didnt have yet found a way to find the right selector, as I couldnt inspect the webpage on the phone, and I couldnt get the mobile site of facebook to load on a desktop browser either. Maybe with a debugger over USB, but I was hoping you may know how to find it.
Additional information
I have attempted blocking the banner using the uBO element picker, but unfortunately the resulting selector was too broad, and was blocking other elements too, like the menus that appear when the "3 dot" or the share menu is opened for a post.