FediFollows , to Random stuff
@FediFollows@social.growyourown.services avatar

picks of the day:

➡️ @tuxdevices - Linux phone news

➡️ @linuxphoneapps - App directory for Linux phones

➡️ @ubports - Maintains Ubuntu Touch

➡️ @mobian - Debian-based distro for mobiles

➡️ @droidian - Debian-based distro for Android devices

➡️ @postmarketOS - Alpine-based distro for mobiles

➡️ @plasmamobile - Mobile interface by KDE

➡️ @PINE64 (main) & @pine64eu (EU shop) - Makers of PinePhone, low-cost Linux phone

➡️ @volla - Phones with Ubuntu Touch or de-Googled Android

🧵 1/2

FediFollows OP ,
@FediFollows@social.growyourown.services avatar

picks of the day (continued):

The account below is a discussion group. Follow it to see its discussions in your timeline, mention it to post to the group. (More info about how to use Fediverse groups: https://fedi.tips/how-to-use-groups-on-the-fediverse)

➡️ @linuxphones - Discussion group about Linux-based phones

PLEASE DON'T REPLY TO THIS PART OF THE THREAD, IT MIGHT SPAM THE GROUP.

2/2

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 , to Linux Phones
user0 avatar
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 , (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

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 , (edited ) to Linux Phones
user0 avatar
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
  • All
  • Subscribed
  • Moderated
  • Favorites
  • supersentai
  • WatchParties
  • Rutgers
  • jeremy
  • Lexington
  • cragsand
  • mead
  • RetroGamingNetwork
  • loren
  • steinbach
  • xyz
  • PowerRangers
  • AnarchoCapitalism
  • kamenrider
  • Mordhau
  • WarhammerFantasy
  • itdept
  • AgeRegression
  • mauerstrassenwetten
  • MidnightClan
  • space_engine
  • learnviet
  • bjj
  • Teensy
  • khanate
  • electropalaeography
  • neondivide
  • fandic
  • All magazines