Mon agencement de Firefox est le suivant
Barre de Titre
Barre de recherche et URL
Barre perso
puis Barre d'onglet
Cette barre d'onglet est arrivée en bas ... et....
comme pitpat692002
mes onglets qui étaient en haut et en dessous de ma barre personnelle se retrouvent maintenant en bas.
comme pitpat692002
Le pire c'est que si j'ouvre un nouvel onglet, il se place à droite du précédent (jusque là tout va bien)
=> mais le problème c'est que le précédent disparait et je ne peux pas y revenir dessus (disparu de la barre d'onglets ouverts).
et enfin .... L'espace aussi utilisé par la barre d'onglet reste inutilisé ....
Bref ..
cette maj a mis a mal le bel agencement qui marchait tres bien ....
Comment remettre la barre d'onglet au bon endroit et comment les afficher correctement ?
Pour info...
je ne sais pas coder le css...
je sais copier coller des bouts de css afin que tout s'intercale bien ...
help et merci d'avance dà ceux qui voudront bien m'apporter leur aide ...
Mon Userchrome.ccss
Code : Tout sélectionner
/* 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) 0px !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;
}
/* caption box - hide */
:root[tabsintitlebar]:not([inFullscreen="true"])
#toolbar-menubar[autohide="true"] ~
#TabsToolbar .titlebar-buttonbox-container {display: none !important;}
/* -------------------------------------suite jusqu'en bas mis en remarque */
/*====== DEBUT Couleur Onglets sur onglet actif ======*/
/* Onglet Actif Bleu ciel */
/*A remettre ensuite -----------------
.tab-background[selected="true"] {
background-attachment: none!important;
background-color: lightblue !important;
background-image: none!important; }
*/-------------------------------------
/* Croix Rouge sur onglet actif */
/*A remettre ensuite -----------------
.tab-close-button {
color: red !important; }
*/-------------------------------------
/* Croix de fermeture sur les onglets inactifs */
/*A remettre ensuite -----------------
.tab-close-button:not([selected]) {
color: white !important; }
*/-------------------------------------
/*====== FIN Couleur Onglets sur onglet actif ======*/
/* DEBUT icône particulière pour Marque Page "presse Info" */
/*A remettre ensuite -----------------
.bookmark-item[container="true"][label="Presse Info"] { list-style-image: url('Presse Info.png') !important; }
/* (label = Nom du Marque Page) , (url('Presse Info.png') : Nom de l'icône associée au Marque Page) */
/* ps : important le fichier image doit être dans le dossier chrome du profil */
/* FIN icône particulière pour Marque Page "presse Info" */
