user0 , 6 months ago (edited 5 months ago)

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) {

#Firefox #FOSS #FreeSoftware #GNOME #GNU #Librem5 #Linux #LinuxLibre #LinuxMobile #LinuxPhones #LinuxSmartPhones #mobile #MobileLinux #phosh #PinePhone #PinePhonePro #postmarketOS #PureOS