Start integrating user0's customizations

Introduction

user0 has done some great work in this thread, to make the configs more mobile friendly: https://forums.puri.sm/t/mobile-friendly-firefox-customizations-for-librem-5/20313

I've taken an initial stab at integrating some of the changes here (mostly true_mobile_mode.css to get rid of the extra tab bar, and the idea of removing reload/stop/addon buttons). While at it, I've removed some legacy code and made installing and uninstalling the configs from a git repository easier. I'd be interested in integrating more of the changes, but let's do this iteratively 🙂

Photo

https://fosstodon.org/@ollieparanoid/111462572794230162

Feedback welcome

• Tests on various firefox versions, UIs and devices. I've only tested with FF ESR in postmarketOS with Gnome Mobile on the OnePlus 6.
• Anything from user0's configs you would especially like to see integrated? (help welcome, if you can fork this repo and show a proof of concept it will be much easier; see the README for getting started with customizing firefox)

How to test

To test this, run on your phone:

$ git clone https://gitlab.com/postmarketOS/mobile-config-firefox
$ cd mobile-config-firefox
$ git checkout wip
$ make
$ sudo make install

To go back to your distribution's version of mobile-config-firefox:

$ sudo make uninstall

(Now reinstall the package with your distro's package manager.)

About @import

I've considered using @import too instead of the current mechanism. But decided to leave it as-is for now, the current system has the advantage that it supports including files based on the FF version the user is running, we'd lose that feature if switching to @import. Maybe that's something for the future, but I think getting the usability features in is more important.

Thanks

Huge thanks to user0 for making these improvements and showing what is possible! And to claui for creating a git mirror, this made this much easier.