user0 avatar

user0

@user0@fedia.io

@user0@librem.one (alt)

Hi. I’m Emma, creator of (), and I'm 🏳️‍⚧️ (she/her).

Appreciate my projects?

Want to support my transition?

Monero:
83DKePztcGMTHbuo7mAVkZ1CLdzPgptASTFGQ7pmoxj16gS6VqssEBMjVWBYcR8NNKb3YGEdeZsZfHCbn9uXhyZjSHb3gJw

HRT is a lifelong expense, and surgeries are really expensive.

Any donations would be greatly appreciated.

❤️

user0 , to Random stuff
user0 avatar

Hey, I haven't made any update posts about my repos in a while because I'm too much of a perfectionist and haven't gotten around to making a detailed and nicely formulated post. I don't know when I'm going to do it either. But I've made many minor little updates over the past month or so, so I recommend everyone update.

Oh and btw I'm Emma.

❤️

user0 , (edited ) to Random stuff
user0 avatar

Hi. I’m user0, creator of #MobileFriendlyFirefox (#FriendlyFox), and I'm #trans 🏳️‍⚧️ [she/her].

Appreciate my projects?

Want to support my transition?

Monero:
83DKePztcGMTHbuo7mAVkZ1CLdzPgptASTFGQ7pmoxj16gS6VqssEBMjVWBYcR8NNKb3YGEdeZsZfHCbn9uXhyZjSHb3gJw

HRT is a lifelong expense, and surgeries are really expensive.

Any donations would be greatly appreciated.

❤️

#Transgender

user0 , (edited ) to Random stuff
user0 avatar

Questions about receiving anonymous #Monero donations:

  1. Should I share the primary address or a subaddress?
  2. Are there any limitations to using one over the other?

Thanks.

Edit: I think I'm just going to go ahead and use a subaddress.

Monero:
83DKePztcGMTHbuo7mAVkZ1CLdzPgptASTFGQ7pmoxj16gS6VqssEBMjVWBYcR8NNKb3YGEdeZsZfHCbn9uXhyZjSHb3gJw
user0 , (edited ) to Random stuff
user0 avatar

@Liberapay

When using #Liberapay to receive donations, I'm curious what data is shared with #Stripe.

  • Does Stripe see the username and/or email address of the Liberapay account receiving donations?

I am hoping that Stripe cannot see this information and instead sees the ID number of the account or some other private identifier. I would like to protect my online identity from my bank and other entities that know my real-life legal identity.

I have not created a Stripe account yet, and I am curious about the process and data requirements.

  • What data is required to create a Stripe account for an individual for the purpose of receiving donations?
  • When creating a Stripe account, does Stripe require a photo ID for identity verification?

#Privacy is important to me because I'm trans and live in the USA.

Thanks to anyone who replies.

user0 OP ,
user0 avatar

I found a step-by-step youtube video for creating a Stripe account and learned that there is a requirement to pay for phone service. So I will not be able to use Liberapay anyway.

user0 , to Random stuff
user0 avatar

btw, I'm 🏳️‍⚧️ [she/her]

18+ linmob , to Random stuff
@linmob@fosstodon.org avatar

I love @user0's excellent mobile-config-firefox adaption (https://codeberg.org/user0/mobile-config-firefox/src/branch/fenix). Sadly, as these things go, upstream changes stuff, and with Firefox 123 the tab counter/switcher is broken: https://codeberg.org/user0/Mobile-Friendly-Firefox/issues/4

I wonder, if integrating something like https://addons.mozilla.org/en-US/firefox/addon/tree-style-tab/ could be a more sustainable approach?

user0 ,
user0 avatar

@linmob

with Firefox 123 the tab counter/switcher is broken

Thanks for the heads up. I'll investigate this issue on my Librem 5 once LibreWolf flatpak updates to version 123.

This has happened before. The issue involves the way that I have hidden the Tab Bar. If I use display: none to hide it, then everything inside is also hidden, including the Tab Manager button. So I instead used visibility: hidden to hide the Tab Bar. Well an update caused this method to also hide the Tab Manager button. So I changed it to visibility: collapse, which worked until version 123 apparently. So I'm hoping that there may be yet another way to hide the Tab Bar without hiding the Tab Manager button, possibly going back to using visibility: hidden. We shall see.

If I can't fix this, the good news is that unhiding the Tab Bar should fix this issue. But the bad news would be having to unhide the Tab Bar.

If you're using my fenix branch and want to unhide the Tab Bar, then comment out line 60 of 13_true_mobile_mode.css as shown:

58
59    /* Hide Tab Bar and Private Browsing Indicator */
60    /*#tabbrowser-tabs,*/
61    #private-browsing-indicator-with-label {
62        visibility: collapse !important;
63    }
64
user0 , to Linux Phones
user0 avatar

Mobile-Friendly-Firefox Updates:

Introducing a new desktop button! Say hi to FriendlyFox! It features a menu to conveniently activate scripts without the need to type terminal commands. Just tap&hold/secondary-click the FriendlyFox icon and tap/click the script you want to run. There is also an option to Launch Firefox, and the Customize option allows you to choose the tap/click behavior of the button itself. The default is Install and can be changed to Update or Launch Firefox. Oh, and did I mention that I made the FriendlyFox logo myself using LibreOffice Draw? It's a cute little Red Panda, otherwise known as a Fire Fox. I also used GIMP to modify my avatar. Yay free software! I hope everyone enjoys the new update!

  • Transitioned branch (master to main)

  • Added new files:

    • "Before/After" image (Before_After.png)
    • logo image (friendlyfox.png)
    • desktop file (friendlyfox.desktop)
    • wrapper script (friendlyfox.sh)
    • customize script for desktop file (customize.sh)
    • update script (update.sh)
    • script to remove old repo (.mff-rm-old.sh)

  • Modified friendlyfox.desktop, friendlyfox.sh, customize.sh, update.sh, and .mff-rm-old.sh:

    • fixed copyright date

  • Modified customize.sh, update.sh, and uninstall.sh:

    • fixed variable

  • Modified update.sh:

    • fixed clone command
    • updated to remove old repo
    • restore old directory if cloning failed
    • minor modification for failed update

  • Modified install.sh and uninstall.sh:

    • updated for compatibility with new files

  • Modified install.sh:

    • fixed variable

  • Modified custom_rules.css, fenix_fox-alt.css, fenix_fox.css, fenix_one-alt.css, and fenix_one.css:

    • disabled URL Bar font enlarging*

  • Modified README.md:

    • added "Dependencies" section*
    • updated image link
    • added and modified instructions
    • modified to look better
    • re-organized sections
    • added note recommending uninstall of mobile-config-firefox to preserve customizations*

*Thanks to magdesign for submitting and solving a few issues that have been implemented in this release.


user0 , (edited ) to Linux Phones
user0 avatar

Mobile-Friendly-Firefox Updates:

Screenshots! Well, not quite. I had added lots of screenshots, but the repo ballooned in size and took too long to clone. So I did a git rebase -i <SHA1> command to completely remove all screenshots and opted instead to link a screenshot that I posted to the Purism forums. I may add some more in the future, but I don't want to clutter the README.md with too many images.

  • Modified single_tab_mode-alt.css, alt-single_tab_mode-alt.css, single_tab_mode.css, true_mobile_landscape-alt.css, true_mobile_landscape.css, true_mobile_mode-alt.css, true_mobile_mode.css, fenix_theme.css, fenix-alt.css, fenix.css, fenix_fox-alt.css, fenix_fox.css, fenix_one-alt.css, and fenix_one.css:

    • simplified variable by directly setting numerical value
    • improved important notice

  • Modified fenix_colors.css, fenix_one-alt.css, and fenix_one.css:

    • apply color to tab manager button badge to match tab text and close button

  • Modified fenix_colors.css and fenix_one-alt.css:

    • removed menubar and navbar color modifications

  • Modified browser.css, true_mobile_landscape.css, true_mobile_mode.css, fenix.css, fenix_fox.css, and fenix_one.css:

    • added menubar and navbar color modifications

  • Modified single_tab_mode-alt.css, alt-single_tab_mode-alt.css, and single_tab_mode.css:

    • optimized active tab width for better fit and to fix flickering when there are two or more pinned tabs

  • Modified true_mobile_landscape-alt.css and true_mobile_landscape.css:

    • added tab manager menu and button counter to remove dependence on tab_manager_button.css

  • Modified fenix_theme.css, fenix-alt.css, and fenix.css:

    • remove back-button removal

  • Modified install.sh:

    • added new user selection option for back-button

  • Modified README.md:

    • added linked image

I've decided to tone down the use of tags in my posts.

user0 , (edited ) to Linux Phones
user0 avatar

Mobile-Friendly-Firefox Updates:

End of the year features & fixes!

  • Modified userContent.css:

    • set page background color to match fenix_colors.css, fenix_one.css, and fenix_one-alt.css

  • Modified fenix_colors.css, fenix_one.css, and fenix_one-alt.css:

    • optimized colors to better support styles that do not hide the tab bar: desktop and mobile styles, as well as all styles while using larger screen (lapdock, monitor, or tv) including laptop and desktop computers

  • Modified install.sh:

    • optimized logic: only attempt to create backup on first run of install.sh script
    • added new user selection option for applying recommended preferences to user.js
    • fixed typo preventing dynamic_popups_max.css from being applied

  • Modified uninstall.sh:

    • optimized logic: only continue with uninstall if at least one chrome directory has been located in selected browser profiles
    • added logic to remove added preferences from user.js if present

  • Modified README.md:

    • added note to pre-install section about applying recommended preferences with install.sh script

user0 OP ,
user0 avatar

@justin

Thank you for the interest. I will start adding screenshots in the new year, very soon. I have taken several, but I still need to decide which ones to use and how I'm going to organize them.

user0 OP ,
user0 avatar

@justin

I had added lots of screenshots, but the repo ballooned in size and took too long to clone. So I completely removed all screenshots and opted instead to link a screenshot that I posted to the Purism forums. I may add some more in the future, but I don't want to clutter the README.md with too many images. Sorry if that's a let-down.

user0 , to Linux Phones
user0 avatar

mobile-config-firefox update:

user0 , (edited ) to Linux Phones
user0 avatar

Mobile-Friendly-Firefox Updates:

  • Added new user selection options into install.sh script:

    • Two Nav Bar color options for Fenix theme (Default Gray & Private Browsing Purple)
    • Two icon options for Unified Extensions button (Fenix theme)
    • Hide/Show Unified Extensions button (all styles & themes)
    • Hide/Show Tab Manager button (Destop style)

  • Fixed implementation of all dynamic_popups files:

    • Modified install.sh script and userChrome styles to move all dynamic_popups options to the bottom where they belong
    • Dynamic popups will now look much better

user0 , to Linux Phones
user0 avatar

NEW:

(Technically, this is a modified mirror, since Codeberg does not support forking non-Codeberg git repos)

I'll try to keep changes in sync between my Mobile-Friendly-Firefox and my mobile-config-firefox repos.

user0 , (edited ) to Linux Phones
user0 avatar

Major Update:

  • Added to install and uninstall scripts

    • Support for Librewolf, Mullvad, and Tor browsers

I have not tested Mobile-Friendly-Firefox with these browsers yet, as I am waiting for official arm64 releases before installing them onto my Librem 5. While I think that everything should work, anyone can share issues here on the fediverse, on my Mobile-Friendly-Firefox repo, or on my forum thread. I'll try to check all three from time to time so I don't miss anything.

Minor Update:

  • Added to install and uninstall scripts

    • Support for Librewolf flatpak

I have tested and confirmed that it works perfectly.

user0 , to Linux Phones
user0 avatar

Major Update:

My Codeberg repo: Mobile-Friendly-Firefox

  • Added automated install and uninstall scripts

  • Updated several files

Happy Holidays!

user0 , (edited ) to Linux Phones
user0 avatar

I have made a repo for my code on Codeberg:

Mobile-Friendly-Firefox

I plan to create a few branches for the postmarketOS mobile-config-firefox repo for styles to consider merging.

user0 OP ,
user0 avatar

@okennedy

Thanks for the appreciation!

I just added some automated install and uninstall scripts, and I think you should check them out. The install script automatically creates a backup of your current chrome folder, and the uninstall script restores it for you.

ollieparanoid , to Firefox
@ollieparanoid@fosstodon.org avatar

Made an initial merge request to get the wonderful improvements from @user0 into mobile-config-firefox. :firefoxnew:

The idea is to make desktop firefox behave more similar to the Android version, e.g. getting rid of the extra tab bar, and some of the buttons around the urlbar to have more space for typing the URL.

Merge request with test instructions, feedback welcome:
https://gitlab.com/postmarketOS/mobile-config-firefox/-/merge_requests/40

Huge thanks to user0! 🎉

user0 ,
user0 avatar

@ollieparanoid

Thank you very much for the appreciation, as well as for your own work!

I decided to bite the bullet and make a non-disposable email address so that I could create my own account on Codeberg, though I don't intend to actually use the email address. I will need a lot of time to learn how to use Codeberg, as I know basically nothing about git.

When I am ready to start using my Codeberg account, I will make a post here on the fediverse.

user0 ,
user0 avatar

@ollieparanoid

I have made a repo for my code on Codeberg: Mobile-Friendly-Firefox

I have also made an install script to try out different options and an uninstall script to restore a pre-install backup that the install script creates.

My next step is to create a mirror of mobile-config-firefox on my Codeberg account and then create a branch for my recommended additions and modifications.

I see that mobile-config-firefox uses a script that installs all userChrome css files, and if I am reading it correctly, it appears to install them in alphabetical order. Since order of files matters, how should I proceed? Should I rename files in my branch so that they install in the proper order? I was planning to simply add a number tag to the beginning of each file (01, 02, etc.), but I would need to do this to all of the mobile-config-firefox css files.

I still need to read a bit more about how to properly create and modify branches of mirrors, but I hope to have something created soon.

user0 ,
user0 avatar

@ollieparanoid

I have created a fork of the postmarketOS mobile-config-firefox repo on Codeberg:

https://codeberg.org/user0/mobile-config-firefox

Technically, this is a modified mirror, since Codeberg does not support forking non-Codeberg git repos.

user0 ,
user0 avatar

@kiudecan

I appologize for not replying to you sooner. I have been busy with many things and hadn't logged into my account here in a few weeks.

What would you think of having an access to add-ons MUCH more straightforwardly ? Maybe icons directly at the top of the burger menu?

I had tried something similar in order to move the new-tab button into the Tab Manager Menu, but it unfortunately doesn't seem possible. Menu items can be re-arranged and hidden, but they cannot be added to a menu or moved from one menu to another. I agree though that your idea would be really cool if it could be done.

Or icons on display next to the URL field, with a sliding bar letting you browse all the way to the end?

I don't think this is possible with CSS code either, so I can't help, but I found a post on reddit that involves javascript:

https://farside.link/libreddit/r/FirefoxCSS/comments/ezfqnh/new_scrolling_toolbar_buttons_wip_replacement_for

Thanks for your interest in my code, and sorry again for the long delay in responding to you.

user0 , to Linux Phones
user0 avatar

Updated November 21th 2023:

This forum thread is best viewed with javascript disabled in your browser.

Mobile-Friendly Firefox Customizations for Librem 5

  • Adjusted the following files to better support fully expanded Tab Manager Menu in all Display Scales (100%-200%):

    • Line 101 & Line 102 of tabmenu.css
    • Line 117 & Line 118 of true_mobile_landscape-alt.css
    • Line 143 & Line 144 of true_mobile_landscape.css
    • Line 304, Line 305, Line 644 & Line 645 of fenix_fox-alt.css
    • Line 325, Line 326, Line 721 & Line 722 of fenix_fox.css
    • Line 525, Line 526, Line 865 & Line 866 of fenix_one-alt.css
    • Line 546, Line 547, Line 942 & Line 943 of fenix_one.css

Changed this:

    /* Expand Tab Manager Menu */
    #customizationui-widget-multiview panelview {
        max-width: calc(100vw - 10px) !important;
        width: calc(100vw - 10px) !important;
    }

To this:

    /* Expand Tab Manager Menu */
    #customizationui-widget-multiview panelview {
        max-width: 100% !important;
        width: 100% !important;
    }

user0 , to Linux Phones
user0 avatar

Updated November 20th 2023:

This forum thread is best viewed with javascript disabled in your browser.

Mobile-Friendly Firefox Customizations for Librem 5

  • Adjusted the following files for compatibility with New-Tab Button (new-tab-button.css):

    • Line 57 & Line 60 of single_tab_mode-alt.css
    • Line 57 & Line 60 of alt-single_tab_mode-alt.css
    • Line 57 & Line 60 of single_tab_mode.css

Changed this:

    /* Expand unpinned active tab */
    #tabbrowser-tabs:not([haspinnedtabs]) > #tabbrowser-arrowscrollbox > .tabbrowser-tab[selected] {
        min-width: 100vw !important;
    }
    #tabbrowser-tabs[haspinnedtabs] > #tabbrowser-arrowscrollbox > .tabbrowser-tab:not([pinned])[selected] {
        min-width: calc(100vw - 40px) !important;
    }

To this:

    /* Expand unpinned active tab */
    #tabbrowser-tabs:not([haspinnedtabs]) > #tabbrowser-arrowscrollbox > .tabbrowser-tab[selected] {
        min-width: 100% !important;
    }
    #tabbrowser-tabs[haspinnedtabs] > #tabbrowser-arrowscrollbox > .tabbrowser-tab:not([pinned])[selected] {
        min-width: 83.5% !important;
    }

  • Adjusted the following files to fix a mistake I had made which prevented adding extensions to toolbar:

    • Lines 261-265 of fenix_theme.css
    • Lines 278-283 offenix-alt.css
    • Lines 278-283 offenix.css

Changed this:

    /* Hide Back button and Private Browsing Indicator */
    #back-button,
    #private-browsing-indicator-with-label {
        visibility: collapse !important;
    }

To this:

    /* Remove Back button */
    #back-button {
        display: none !important;
    }

    /* Hide Private Browsing Indicator */
    #private-browsing-indicator-with-label {
        visibility: collapse !important;
    }

Changed this:

    /* Hide Back button, Tab Bar, and Private Browsing Indicator */
    #back-button,
    #tabbrowser-tabs,
    #private-browsing-indicator-with-label {
        visibility: collapse !important;
    }

To this:

    /* Remove Back button */
    #back-button {
        display: none !important;
    }

    /* Hide Tab Bar and Private Browsing Indicator */
    #tabbrowser-tabs,
    #private-browsing-indicator-with-label {
        visibility: collapse !important;
    }

user0 , (edited ) to Linux Phones
user0 avatar

Updated November 19th 2023:

This forum thread is best viewed with javascript disabled in your browser.

Mobile-Friendly Firefox Customizations for Librem 5

  • Renamed hide_tab_counter.css to hide_tab_manager_menu_button.css

  • Adjusted the following files for compatibility with all Display Scales (100%-200%):

    • Line 5 of appMenu.css
    • Line 5 of browser.css
    • Line 5 of editBookmarkPanel.css
    • Line 5 of findbar.css
    • Line 5 of popups.css
    • Line 5 of tabmenu.css
    • Line 11 of urlbar.css
    • Line 5 of alt-browser-alt.css
    • Line 5 of tabs_fill_available_width.css
    • Line 5 of numbered_tabs.css
    • Line 5 of extensions_menu.css
    • Line 35 of custom_rules.css
    • Line 20 of single_tab_mode-alt.css
    • Line 20 of alt-single_tab_mode-alt.css
    • Line 20 of single_tab_mode.css
    • Line 5 of hide_tab_manager_menu_button.css
    • Line 5 of hide_newtab_+_new-tab_buttons.css
    • Line 5 of new-tab-button.css
    • Line 20 & Line 198 of true_mobile_landscape-alt.css
    • Line 20 & Line 224 of true_mobile_landscape.css
    • Line 20 of true_mobile_mode-alt.css
    • Line 20 of true_mobile_mode.css
    • Line 5 of dynamic_popups.css
    • Line 5 of dynamic_popups_plus.css
    • Line 5 of dynamic_popups_max.css
    • Line 5 of dynamic_popups_pro.css
    • Line 5 of dynamic_popups_pro_max.css
    • Line 106 & Line 219 of fenix_theme.css
    • Line 106 & Line 225 of fenix-alt.css
    • Line 106 & Line 225 of fenix.css
    • Line 181 & Line 436 of fenix_fox-alt.css
    • Line 181 & Line 457 of fenix_fox.css
    • Line 402 & Line 657 of fenix_one-alt.css
    • Line 402 & Line 678 of fenix_one.css
    • Line 155, Lines 171-173, Line 265, Lines 281-283, Lines 316-318, Lines 338-340, Lines 367-369, Lines 465-467, & Lines 504-506 of userContent.css (fenix)
    • Line 8, Lines 24-26, Line 118, Lines 134-136, Lines 169-171, Lines 191-193, Lines 220-222, Lines 318-320, & Lines 357-359 of userContent.css (non-colorized)

Changed this:

@media (max-height: 300px) {

To this:

@media (orientation: landscape) and (max-height: 650px) {

Changed this:

@media (max-width: 700px) {

To this:

@media (orientation: portrait) and (max-width: 720px) {

Changed this:

    @media
    (max-height: 300px),
    (max-width: 700px) {

To this:

    @media
    (orientation: landscape) and (max-height: 650px),
    (orientation: portrait) and (max-width: 720px) {

user0 , (edited ) to Linux Phones
user0 avatar

Intro:

I want to start by saying that the updates contained herein are not absolutely necessary.

A forum user asked this question:

Is there a way to use the context menu for tabs in Firefox mobile? Tap and hold used to bring up a menu where I could, among other things, send the tab to another device. That is very useful at times.

Tap and hold in the tabs list doesn’t bring up any menu at all.

I answered this question in what I am calling Question & Answer (post 85) and made an update in the Final Updates (post 61).

Updated November 17th 2023:

This forum thread is best viewed with javascript disabled in your browser.

Mobile-Friendly Firefox Customizations for Librem 5

  • Added fenix_theme.css for those that want the Firefox for Android (fenix) theme and don’t want to hide the Tab Bar.

  • Added file descriptions to some posts.

  • Adjusted the following files to hide the Tab Bar in Fullscreen and to hide the Title Bar (only useful if you modify these files to prevent hiding the Tab Bar):

    • Lines 251-254 and Lines 511-514 of fenix_fox-alt.css
    • Lines 251-254 and Lines 542-545 of fenix_fox.css
    • Lines 472-475 and Lines 732-735 of fenix_one-alt.css
    • Lines 472-475 and Lines 763-766 of fenix_one.css

Changed this:

    /* Hide Nav Bar when in Fullscreen mode */
    #nav-bar[inFullscreen] {
        display: none;
    }

To this:

    /* Hide Nav Bar and Tab Bar when in Fullscreen mode and hide and Title Bar */
    #nav-bar[inFullscreen],
    #TabsToolbar[inFullscreen],
    .titlebar-buttonbox-container {
        display: none;
    }

user0 , (edited ) to Linux Phones
user0 avatar

Updated November 13th 2023:

These are possibly the final updates until the next Firefox-ESR update in October of next year.

This forum thread is best viewed with javascript disabled in your browser.

Mobile-Friendly Firefox Customizations for Librem 5

  • Fixed a typo, changing 4px to 5px in the following file:

    • Line 31 of true_mobile_mode.css

  • Changed --panel-background: none !important; to --panel-background: var(--toolbar-bgcolor) !important; in the following files:

    • Line 52 of dynamic_popups_pro.css
    • Line 66 of dynamic_popups_pro_max.css

Updated November 15th 2023:

  • Added code to allow for fully expanded Tab Manager Menu in landscape mode in the following files:

    • Line 114 of true_mobile_landscape-alt.css
    • Line 140 of true_mobile_landscape.css
    • Line 299 of fenix_fox-alt.css
    • Line 320 of fenix_fox.css
    • Line 520 of fenix_one-alt.css
    • Line 541 of fenix_one.css

  • After the additional code was added, changed 207px to 18px in the following files:

    • Line 155 of fenix-alt.css
    • Line 155 of fenix.css
    • Line 312 of fenix_fox-alt.css
    • Line 333 of fenix_fox.css
    • Line 533 of fenix_one-alt.css
    • Line 554 of fenix_one.css

  • After the additional code was added, removed a line of code in the following files:

    • Line 160 of fenix-alt.css
    • Line 160 of fenix.css
    • Line 317 of fenix_fox-alt.css
    • Line 338 of fenix_fox.css
    • Line 538 of fenix_one-alt.css
    • Line 559 of fenix_one.css

user0 , to Linux Phones
user0 avatar

There is a line of code in two dynamic_popups files that must be changed:

  • Line 52 of dynamic_popups_pro.css
  • Line 66 of dynamic_popups_pro_max.css

This:

        --panel-background: none !important;

should be this:

        /* Default color: */
        /*--panel-background: var(--arrowpanel-background) !important;*/
        /* Fenix color: */
        --panel-background: var(--toolbar-bgcolor) !important;

This is needed because setting the --panel-background to none negatively affected the extension/addon download and install popups.

user0 , (edited ) to Linux Phones
user0 avatar

Purism forum user Lliure has created a mirror for my code on Codeberg!

Forum link

Codeberg link

user0 , (edited ) to Linux Phones
user0 avatar

Embarrassingly, I had made a typo in the true_mobile_mode.css file on Line 31.

This:

        --PanelUI-menu-button-position: 4px;

should be this:

        --PanelUI-menu-button-position: 5px;

This literally just raises the Main App Menu (≡) button by one pixel when using “Touch” density mode.

user0 , (edited ) to Linux Phones
user0 avatar

Okay, I think I am done updating files for a while now.

I have fixed all known issues, and everything works well. The only issue is a cosmetic one that doesn’t really matter and is unlikely to be noticed (the Tab Manager Menu in landscape mode doesn’t expand to use the full screen, but it works well and is very usable).

So I think it’s safe for everyone to save the files they need now.

For info on all of the recent updates, check the October 2023 Halloween Update (post 55).

For anyone that saw my post yesterday (November 11th), please check it again. There are additional updates from today, and I edited that post to include them.

user0 , (edited ) to Linux Phones
user0 avatar

Updated on November 5th 2023:

Remember, remember, the fifth of November, the extensions, even, I got;
I know of no reason why the extensions season should ever be forgot!

But I guess I forgot to post this until November 11th. Oops.

This forum thread is best viewed with javascript disabled in your browser.

Mobile-Friendly Firefox Customizations for Librem 5

  • Adjusted the following files to allow for vertical scrolling of extension popups:

    • extensions_menu.css
    • true_mobile_landscape-alt.css
    • true_mobile_landscape.css
    • dynamic_popups.css
    • dynamic_popups_plus.css
    • dynamic_popups_max.css
    • dynamic_popups_pro.css
    • dynamic_popups_pro_max.css
    • fenix_fox-alt.css
    • fenix_fox.css
    • fenix_one-alt.css
    • fenix_one.css

  • Adjusted userContent.css (fenix) to apply fenix colors to all about pages using regexp and selectively fix about pages to better fit display.

Updated on November 9th 2023:

  • Adjusted userContent.css (fenix) to fix a mistake that I had made. Sidebar size variable was in color section at top, being applied to all screen sizes; it is now properly set for smaller screens only, for the specific about pages that require it.

Updated on November 10th-12th 2023:

  • Added userContent.css (non-colorized).

  • Adjusted the following files to properly allow space for Tab Manager Menu button and toolbar items:

    • single_tab_mode-alt.css
    • alt-single_tab_mode-alt.css
    • single_tab_mode.css
    • true_mobile_landscape-alt.css
    • true_mobile_landscape.css
    • true_mobile_mode-alt.css
    • true_mobile_mode.css
    • fenix-alt.css
    • fenix.css
    • fenix_fox-alt.css
    • fenix_fox.css
    • fenix_one-alt.css
    • fenix_one.css

Important Note About Updates:

user0 , (edited ) to Linux Phones
user0 avatar

October 2023 Halloween Update:

Just in time for Halloween! Dress up the Firefox app on your Librem 5 to look like Firefox for Android!

Mobile-Friendly Firefox Customizations for Librem 5

  • Added userContent.css (fenix) to fix Firefox about pages to be better fit for Librem 5 as well as a color theme to match Firefox for Android, code-named Fenix.

  • Added fenix_colors.css for a color theme to match Firefox for Android, (Fenix). If you do not want the Private Browsing Mode theme for the URL Bar and Nav Bar, comment out that section of code at the bottom of the file.

  • Added fenix.css as an alternative to true_mobile_mode.css that more closely resembles Firefox for Android (Fenix).

  • Added extensions_menu.css to fix the Unified Extensions Menu.

  • Added dynamic_popups.css and several variations so that extensions expand into a big enough popup which also supports horizontal scrolling. Works best with true_mobile_mode.css or fenix.css.

  • Added alt-browser-alt.css to be used with true_mobile_mode.css or fenix.css instead of browser.css. It can also be used with other styles like alt-single_tab_mode-alt.css to have the Tab Bar at the top of the screen and the Nav Bar at the bottom.

  • Added single_tab_mode-alt.css, true_mobile_mode-alt.css, and fenix-alt.css, to be used without alt-browser-alt.css or browser.css in order to have the Nav Bar at the top of the screen.

  • Added true_mobile_landscape.css and true_mobile_landscape-alt.css to have a nice landscape mode that maximizes usable space and fixes flickering popups.

  • Added fenix_fox.css to have a single standalone userChrome file containing all necessary code except fenix_colors.css. You can add dynamic_popups.css or another variation. fenix_fox-alt.css is the version that has the Nav Bar at the top of the screen. You will still need userContent.css (fenix).

  • Added fenix_one.css to have a single standalone userChrome file containing all necessary code, including fenix_colors.css. If you do not want the Private Browsing Mode theme for the URL Bar and Nav Bar, comment out that section of code at the bottom of the file. You can add dynamic_popups.css or another variation. fenix_one-alt.css is the version that has the Nav Bar at the top of the screen. You will still need userContent.css (fenix).

  • Added variables into many files so that they work in “Normal” and “Touch” density modes.

If you prefer having a single userChrome file, you can simply rename fenix_fox.css or fenix_one.css to userChrome.css. You can also copy and paste the contents of one of the dynamic_popups files to the bottom of the userChrome.css file. Whichever userChrome file or files you decide to use, you will still need userContent.css (fenix).

user0 , to Linux Phones
user0 avatar

Sharing this here so more people can see it:

Mobile-Friendly Firefox Customizations for Librem 5

Be sure to check the comments for fixes and updates.

Hoping this will federate properly.

user0 , (edited ) to Linux
user0 avatar

Sharing this here so more people can see it:

Mobile-Friendly Firefox Customizations for Librem 5

Be sure to check the comments for fixes and updates.

  • All
  • Subscribed
  • Moderated
  • Favorites
  • •
  • Mordhau
  • WatchParties
  • Rutgers
  • MidnightClan
  • Lexington
  • cragsand
  • mead
  • RetroGamingNetwork
  • mauerstrassenwetten
  • loren
  • xyz
  • PowerRangers
  • AnarchoCapitalism
  • kamenrider
  • supersentai
  • itdept
  • neondivide
  • space_engine
  • AgeRegression
  • WarhammerFantasy
  • Teensy
  • learnviet
  • bjj
  • electropalaeography
  • khanate
  • steinbach
  • jeremy
  • fandic
  • All magazines
    •