user0 , 5 months ago 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; } #Firefox #FOSS #FreeSoftware #GNOME #GNU #Librem5 #Linux #LinuxLibre #LinuxMobile #LinuxPhones #LinuxSmartPhones #mobile #MobileLinux #phosh #PinePhone #PinePhonePro #postmarketOS #PureOS
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):
new-tab-button.css
single_tab_mode-alt.css
alt-single_tab_mode-alt.css
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:
fenix_theme.css
fenix-alt.css
fenix.css
/* Hide Back button and Private Browsing Indicator */ #back-button, #private-browsing-indicator-with-label { visibility: collapse !important; }
/* Remove Back button */ #back-button { display: none !important; } /* Hide Private Browsing Indicator */ #private-browsing-indicator-with-label { visibility: collapse !important; }
/* Hide Back button, Tab Bar, and Private Browsing Indicator */ #back-button, #tabbrowser-tabs, #private-browsing-indicator-with-label { visibility: collapse !important; }
/* 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; }
#Firefox #FOSS #FreeSoftware #GNOME #GNU #Librem5 #Linux #LinuxLibre #LinuxMobile #LinuxPhones #LinuxSmartPhones #mobile #MobileLinux #phosh #PinePhone #PinePhonePro #postmarketOS #PureOS