Page 1 sur 1
Custom CSS tweaks
Publié : 13 août 2021, 12:06
par Agent virtuel
Bonjour
Custom CSS tweaks for Firefox v4.0.0 release - supports Firefox 91 and 91 ESR
https://github.com/Aris-t2/CustomCSSforFx/issues/403
https://github.com/Aris-t2/CustomCSSforFx/releases
À instant release custom_css_for_fx_v4.0.2pre2.zip expérimenté
Dézipper custom_css_for_fx_v4.0.2pre2.zip
Un dossier custom_css_for_fx_v4.0.2pre2 sera créé
Créer un dossier chrome
Déplacer le contenu du dossier custom_css_for_fx_v4.0.2pre2 vers le dossier chrome
Se diriger vers le dossier de profil
https://support.mozilla.org/fr/kb/profi ... mon-profil Ouvrir le dossier correspondant
Déplacer le dossier chrome vers le dossier de profil
about:config
https://support.mozilla.org/fr/kb/edite ... on-firefox
Rechercher une préférence
toolkit.legacyUserProfileCustomizations.stylesheets
Vérifier
true
Arrêt Firefox démarrer Firefox
Re: Custom CSS tweaks
Publié : 14 août 2021, 16:25
par Agent virtuel
Re: Custom CSS tweaks
Publié : 15 août 2021, 09:28
par Agent virtuel
Bonjour
https://www.camp-firefox.de/forum/thema ... iste-unten
Déplacer la barre d'onglets en dessous en ajoutant dans le userChrome.css
Code : Tout sélectionner
#TabsToolbar {
position: absolute;
display: block;
bottom: 0;
width: 100vw;
background-clip: padding-box;
color: var(--toolbar-color);
}
#tabbrowser-tabs {
width: 100vw;
}
#navigator-toolbox {
position: relative;
padding-bottom: calc( var(--tab-min-height) + 8px );
}
#main-window[tabsintitlebar][sizemode="maximized"]:not([inDOMFullscreen="true"]) #titlebar {
height: 36px;
}
.titlebar-buttonbox-container {
position: fixed;
right: 0;
visibility: visible;
display: block;
}
#TabsToolbar .titlebar-buttonbox-container,
#TabsToolbar #window-controls {
display: none;
}
Re: Custom CSS tweaks
Publié : 17 août 2021, 06:29
par Agent virtuel
Bonjour
Autre custom CSS tweaks à essayer
https://github.com/pellaeon/firefox-91p ... userchrome Code Download zip si vous le souhaitez
userChrome.css
Code : Tout sélectionner
/* ### ### PhotonUI Sharp Tabs, Non floating ### ### */
@import "non_floating_sharp_tabs.css";
@import "photon_tab_separators.css";
@import "iconized_main_menu.css";
@import "tab_line_loading_indicator.css";
@import "playing_icon.css";
/* Enable urlbar border when focused */
#urlbar:focus-within > #urlbar-background {
border-color: -moz-accent-color !important;
border-width: 1px !important;
}
#tabbrowser-tabs[haspinnedtabs]:not([positionpinnedtabs]) > #tabbrowser-arrowscrollbox > .tabbrowser-tab[first-visible-unpinned-tab] {
/* Disable gap between the last pinned tab and the first visible tab */
margin-inline-start: 0 !important;
}
/* No need, can be set with browser.tabs.tabMinWidth
* ref: https://support.mozilla.org/en-US/questions/1253108
#tabbrowser-tabs {
--tab-min-width: 76px;
}
*/
/* Disable tab label mask on hover */
.tabbrowser-tab[visuallyselected=true]:hover,
#tabbrowser-tabs:not([closebuttons=activetab]) > #tabbrowser-arrowscrollbox > .tabbrowser-tab:not([visuallyselected=true]):hover {
--tab-label-mask-size: 0 !important;
}
/* Disable tab label mask
* Proton default value = 2em
* This is a tweak. Photo does contain this mask.
*/
.tabbrowser-tab {
--tab-label-mask-size: 0 !important;
}
:root {
--tab-min-height: 33px !important;
--tabs-border-color: rgba(0,0,0,.3);
--tabs-navbar-shadow-size: 1px;
}
/* Ajout espacement réduit */
/* Use Normal top and bottom padding for compact */
#PlacesToolbarItems .bookmark-item {
padding-top: 0px !important;
padding-bottom: 0px !important;
}
/***Tighten up drop-down/context/popup menu spacing ***/
menupopup > menuitem, menupopup > menu {
padding-block: 2px !important;
}
:root {
--arrowpanel-menuitem-padding: 2px 8px !important;
}
/* Ajout Déplacer la barre d'onglets en dessous */
#TabsToolbar {
position: absolute;
display: block;
bottom: 0;
width: 100vw;
background-clip: padding-box;
color: var(--toolbar-color);
}
#tabbrowser-tabs {
width: 100vw;
}
#navigator-toolbox {
position: relative;
padding-bottom: calc( var(--tab-min-height) + 8px );
}
#main-window[tabsintitlebar][sizemode="maximized"]:not([inDOMFullscreen="true"]) #titlebar {
height: 36px;
}
.titlebar-buttonbox-container {
position: fixed;
right: 0;
visibility: visible;
display: block;
}
#TabsToolbar .titlebar-buttonbox-container,
#TabsToolbar #window-controls {
display: none;
}
