Bonjour,
Moi aussi je cherche depuis une semaine pour retrouver ma barre de favoris sur plusieurs lignes et la barre des onglets en dessous de la barre de favoris.
Je viens de trouver sur un site US pour FIREFOX 74.0 et donc je partage.
Dans le fichier userChrome.css, il faut tout supprimer et coller les données ci-dessous
Pour ceux qui ne savent pas ou est ce fichier. Voir ce site
https://www.userchrome.org/how-create-u ... e-css.html
/* Makes bookmarks toolbar span multiple rows */
#PersonalToolbar{
--multirow-bmb-n-rows: 3; /* Control how many rows are shown before scrolling */
--multirow-bmb-row-margin: 2px; /* Control how much spacing is between rows */
max-height: none !important;
}
#PlacesToolbar > hbox{
display: block;
width: 100vw;
}
#PlacesToolbarItems{
display: flex;
flex-wrap: wrap;
/* --uc-bm-padding is defined in autohide_bookmarks_toolbar.css */
max-height: calc(var(--multirow-bmb-n-rows) * (5px + 1em + (2 * (var(--multirow-bmb-row-margin) + var(--uc-bm-padding,2px))))) !important;
overflow-y:auto;
scrollbar-color: var(--lwt-accent-color) var(--toolbar-bgcolor) ;
scrollbar-width: thin;
}
/* Hide the all-bookmarks button */
#PlacesChevron{ display: none }
/* Add some spacing between rows */
#PlacesToolbarItems > .bookmark-item{ margin: var(--multirow-bmb-row-margin) 3px !important; }
/* TABS: on bottom */
#navigator-toolbox toolbar:not(#nav-bar):not(#toolbar-menubar) {-moz-box-ordinal-group:10}
#TabsToolbar {-moz-box-ordinal-group:1000!important}
#TabsToolbar {
position: absolute !important;
bottom: 0 !important;
width: 100vw !important;
}
#tabbrowser-tabs {
width: 100vw !important;
}
#main-window:not([chromehidden*="toolbar"]) #navigator-toolbox {padding-bottom: var(--tab-min-height) !important;}
/* TABS: height */
:root {
--tab-toolbar-navbar-overlap: 0px !important;
--tab-min-height: 32px !important; /* adjust to suit your needs */
}
:root #tabbrowser-tabs {
--tab-min-height: 32px !important; /* needs to be the same as above under :root */
--tab-min-width: 100px !important;
}
#TabsToolbar {
height: var(--tab-min-height) !important;
margin-bottom: 1px !important;
box-shadow: ThreeDShadow 0 -1px inset, -moz-dialog 0 1px !important;
}
#tabbrowser-tabs,
#tabbrowser-tabs > .tabbrowser-arrowscrollbox,
.tabbrowser-tabs[positionpinnedtabs] > .tabbrowser-tab[pinned] {
min-height: var(--tab-min-height) !important;
max-height: var(--tab-min-height) !important;
}
/* drag space */
.titlebar-spacer[type="pre-tabs"],
.titlebar-spacer[type="post-tabs"] {
width: 40px;
}
/* Override vertical shifts when moving a tab */
#navigator-toolbox[movingtab] > #titlebar > #TabsToolbar {
padding-bottom: unset !important;
}
#navigator-toolbox[movingtab] #tabbrowser-tabs {
padding-bottom: unset !important;
margin-bottom: unset !important;
}
#navigator-toolbox[movingtab] > #nav-bar {
margin-top: unset !important;
}
#TabsToolbar {
display: block !important;
position: absolute !important;
bottom: 0 !important;
width: 100vw !important;
}
Ensuite, il faut vérifier que FIREFOX va utiliser le fichier userChrome.css.
Afin de rendre le démarrage plus rapide pour la plupart des utilisateurs, Firefox ne recherchera plus le fichier userChrome.css automatiquement. Vous devez lui dire de le chercher. Voici comment faire :
* Dans un nouvel onglet, tapez ou collez
about:config dans la barre d'adresse et appuyez sur Entrée.
* Cliquez sur le bouton acceptant le risque.
* Dans la zone de recherche au-dessus de la liste, tapez ou collez
userprof et faites une pause pendant que la liste est filtrée. Si vous ne voyez rien dans la liste, veuillez ignorer le reste de ces instructions. Vous pouvez maintenant fermer cet onglet.
* Sinon, Dans la zone de recherche, tapez ou collez
toolkit.legacyUserProfileCustomizations.stylesheets pour faire passer la valeur de false à true.
Ce changement devrait prendre effet lors de votre prochain démarrage.
Cela fonctionne chez moi
Philippe