user0 , (edited ) 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
tohide_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