Bonjour,
@ DePassAge
Quand j'installe ton code CSS, pour faire un essai.
L'affichage ce fait dans cet ordre:
Barre de navigation:
Barre personnelle: Sur 1 ligne avec déroulement verticale a droite (scrollable).
Barre de menus: Si elle est affichée.
Barre d'onglets: sur 3 lignes (scrollable si plus de 3 lignes).
je trouve cette disposition un peu curieuse pour ceux qui veule afficher la Barre de menu qui se retrouver dans le milieu, mais si cela te convient, pourquoi pas
Je trouvais que la barre d'onglets affichée sur 3 trois lignes (scrollable, si plus de 3 lignes, que l'on peut changer en nombre de lignes que l'on veut) (que tu propose était intéressante).
J'ai donc adapté mon code pour avoir:
Barre de menus: Qui sera en haut, si elle est affichée.
Barre de navigation: (qui se retrouve en haut, si la barre de menu n'est pas affichée)
Barre personnelle: (afficher sur 1 lignes et sur plusieurs lignes au survol de la souris)(pas de déroulement verticale a droite)
Barre d'onglets: sur 3 lignes (scrollable si plus de 3 lignes).
Code : Tout sélectionner
/*===== Barre personnelle multilignes =====*/
#PlacesToolbarItems {
display: block !important;
overflow: visible !important;
}
/* Barre personnelle cachée */
#PersonalToolbar {
max-height: 5px !important;
transition-duration: 1s !important;
}
#PersonalToolbar:hover{
max-height:200px !important;
transition-duration: 1s !important;
}
/*======================= Barre onglets sur plusieurs lignes (3 ici) ==========================*/
:root{
--multirow-n-rows: 3;
--multirow-tab-min-width: 100px;
--multirow-tab-dynamic-width: 1; /* Change to 0 for fixed-width tabs using the above width. */
}
/* Test for Firefox > 66 */
@supports (inset-block:auto){
#tabbrowser-tabs > .tabbrowser-arrowscrollbox > .arrowscrollbox-scrollbox{
display: flex;
flex-wrap: wrap;
overflow-y: auto;
max-height: calc(var(--tab-min-height) * var(--multirow-n-rows));
scrollbar-color: var(--toolbar-bgcolor) var(--lwt-accent-color);
scrollbar-width: thin;
}
#tabbrowser-tabs > .tabbrowser-arrowscrollbox {
overflow: -moz-hidden-unscrollable;
display: block;
}
}
/*===================== barre MENU en haut =======================*/
/*!!!!! barre de titre désactivée !!!!!*/
/*** fenêtre maxi ***/
#main-window[tabsintitlebar][sizemode="maximized"] #toolbar-menubar {
position: fixed !important;
top: 8px !important;
}
/* Test for Firefox < 66 */
@supports not (inset-block:auto){
#tabbrowser-tabs > .tabbrowser-arrowscrollbox{
min-height: unset !important;
}
#tabbrowser-tabs .scrollbox-innerbox{
display: flex;
flex-wrap: wrap;
}
#tabbrowser-tabs .arrowscrollbox-scrollbox {
overflow: -moz-hidden-unscrollable;
display: block;
}
}
.tabbrowser-tab{ height: var(--tab-min-height); }
#tabbrowser-tabs .tabbrowser-tab[pinned]{
position: static !important;
margin-inline-start: 0px !important;
}
.tabbrowser-tab[fadein]:not([pinned]){
min-width: var(--multirow-tab-min-width) !important;
flex-grow: var(--multirow-tab-dynamic-width);
/*
Uncomment to enable full-width tabs, also makes tab dragging a tiny bit more sensible
Don't set to none or you'll see errors in console when closing tabs
*/
/*max-width: 100vw !important;*/
}
.tabbrowser-tab > stack{ width: 100%; height: 100% }
#tabbrowser-tabs .scrollbutton-up,
#tabbrowser-tabs .scrollbutton-down,
#alltabs-button,
:root:not([customizing]) #TabsToolbar #new-tab-button,
#tabbrowser-tabs spacer,
.tabbrowser-tab::after{ display: none !important }
/*==================== barre ONGLET dessous ===================*/
#titlebar { -moz-box-ordinal-group: 3 !important;
}
/*** réduire l'espace avec barre perso ***/
/* règle en fenêtre maxi utile seulement pour windows */
#main-window[tabsintitlebar][sizemode="maximized"] > #navigator-toolbox > #titlebar {
-moz-appearance: -moz-window-titlebar !important;
}
:root[extradragspace][tabsintitlebar]:not([inFullscreen]) {
--space-above-tabbar: -10px !important;
}
/*** ajuster position verticale barre d'outils ***/
#main-window[tabsintitlebar][sizemode="maximized"] > #navigator-toolbox {
margin-top: 30px !important;
}
#main-window[tabsintitlebar][sizemode="normal"] > #navigator-toolbox {
margin-top: 20px;
}
/*** déplacer décalage de la barre d'onglets pour l'espace des boutons fenêtre ***/
/*sans thème (fenêtre redimentionnable)*/
#main-window[tabsintitlebar][sizemode="normal"]> #navigator-toolbox:not(:-moz-lwtheme) > #titlebar .titlebar-buttonbox-container{
display: none
}
/*avec thème*/
#main-window[tabsintitlebar][sizemode="normal"]> #navigator-toolbox:-moz-lwtheme > #titlebar .titlebar-buttonbox-container{
position: fixed !important;
top: 0; right: 0; margin-top: -15px;
}
/* (fenêtre maxi) */
#main-window[tabsintitlebar][sizemode="maximized"] > #navigator-toolbox > #titlebar .titlebar-buttonbox-container{
position: fixed !important; top: 0; right: 0; margin-top: -5px;
}
/*** ajuster position horizontale barre d'onglets ***/
#main-window[tabsintitlebar][sizemode="maximized"] #toolbar-menubar[inactive="true"] + #TabsToolbar {
margin-right: -40px;
}
#main-window[tabsintitlebar][sizemode="normal"] #toolbar-menubar[inactive="true"] + #TabsToolbar {
margin-left: -40px; margin-right: -40px;
}
/*======================= FIN barre onglet dessous ==========================*/
A+