Custom CSS tweaks

[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

[Agent virtuel]

Bonjour





L'espacement est réduit en ajoutant dans le userChrome.css

Code : Tout sélectionner

/* 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;
}

[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;
}

[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;
}