Geckozone

Bonjour,

j'ai agencé l'affichage de mon Firefox de cette manière.
Barre de menu masquée
1) Barre de navigation (avec champ recherche et URL)
2) Barre personnelle
3) Barre d'onglet
et ensuite, page d'affichage de navigation.

Avant cette mise a jour (Firefox 89.0) tout fonctionnait correctement....
Depuis..

1)
ma barre d'onglet est arrivée tout en bas de ma page et de plus et plus aucun moyen d'ouvrir un onglet supplémentaire
(le signe "+" qui permet normalement d'en ouvrir un nouveau n'apparait plus ?
Voir cette capture :

Je vous joins mon UserChrome.css du dossier chrome.
https://www.cjoint.com/c/KFclku7NB3T

2) autre chose,
Firefox ouvert avec 1 onglet, si je fais "aide/information de dépannage" cela ouvre un nouvel onglet mais le 1° disparait ?
Voir cette capture :

-

Après avoir bien observé.
quand je lance Firefox je vois au début le "+" qui permet d'ouvrir de nouveaux onglets, mais ensuite il disparait ?
Grrrrrrrr cette maj...

si je ferme avec la croix rouge le 2° onglet ouvert le 1° réapparait..
en gros je ne peux plus voir si il y a plusieurs onglets ouvert en même temps.
et je ne peux plus en ouvrir ????

Help
Merci de votre aide

Salut

Perso, je vois aucun de tes problèmes sur mes divers profiles, y compris avec mes fichiers UserChrome.css.

1) Si tu enlèves l'UserChrome.css de ton profile, qu'est-ce que ça donne pour la barre d'onglets ? Si toujours en bas, c'est que ton profil est corrompu !

2) Pas de problème avec les informations de dépannage... Vois ce que ça donne sans l'UserChrome.css ! Et s'il le faut, "mode de dépannage (désactiver les modules et autres) !..

epsilon9f a écrit : 02 juin 2021, 13:11 quand je lance Firefox je vois au début le "+" qui permet d'ouvrir de nouveaux onglets, mais ensuite il disparait ?

Vois ce que ça donne sans l'UserChrome.css !

Si le contenu de ton fichier UserChrome.css est a la base de tes problèmes, il sera sans doute nécessaire d'y faire le ménage !..

epsilon9f a écrit : 02 juin 2021, 13:11 si je ferme avec la croix rouge le 2° onglet ouvert le 1° réapparait..

Quelle croix rouge ? Celle de fermeture de Firefox ?

"epsilon9f a écrit : ↑02 juin 2021 13:11
si je ferme avec la croix rouge le 2° onglet ouvert le 1° réapparait..

Quelle croix rouge ? Celle de fermeture de Firefox ?

je me suis mal exprimé ...
=> je ré explique ....

si je clique sur la croix de l'onglet actif ... le 2° onglet (qui est rouge chez moi mais blanc chez vous surement ...mais bref)

le 2° onglet se ferme et je vois a nouveau le 1°...

Ré-explication :

la 1° capture montre le 1° onglet

ensuite je fais "Alt" Aide/Information sur le dépannage ...
A ce moment je vois un 2° onglet repéré "information de dépannage", mais le 1° a disparu ...

la 2° capture montre un 2° onglet mais uniquement obtenu en faisant "Alt" "aide/information de dépannage"
... puisque je n'ai plus de "+" a coté de l'onglet N° 1..

si tu regarde bien la 2° capture on ne voit plus l'onglet N° 1

si je fais une 2° fois "Alt" "aide/information de dépannage" (un 3° onglet est ouvert)
cela ouvre un 3° onglet mais je ne vois plus les 2 premiers ...
voir cette capture :

il y a bien un 3° onglet qui s'est ouvert mais les 2 premiers ont disparus ?

Vois tu ce que je veux dire ???

Ensuite si je clique pour fermer le 3° onglet ( je ne peux fermer que celui-ci puisque je ne vois plus les autres...)
le 2° onglet ré-apparait ...
de même si je ferme le 2° onglet..
le 1° ré apparait ....

Comprends tu mon pb ?

Au final, manuellement je ne peux plus ouvrir le moindre onglet puisque je n'ai plus le "+" a coté du 1° onglet
tu remarqueras qu'il n'y a plus le "+" sur la ligne ou apparaissent les onglets pour avoir le moyen d'en ouvrir un autre ...

Mon pb est donc le suivant ...
je rappelle que tout marchait correctement avant cette pu**in de maj
donc mon css n''est pas en cause ....
c'est cette maj de m***de qui a foutu le mer**er
cela devient pire que Crosoft ....
cela devient pénible cette gymnastique ...
tous les X maj Files maj mettent dans l'embarras plein de personnes ...

et pour info vu ce forum ...
je suis loin d'être le seul a faire des posts concernant l'affichage des onglets depuis la derniere maj....

-
Quand à ta question :

1) Si tu enlèves l'UserChrome.css de ton profile, qu'est-ce que ça donne pour la barre d'onglets ? Si toujours en bas, c'est que ton profil est corrompu !

testé ...
la barre d'onglet revient en haut
je sais ce que je dis ...
c'est a cause de cette maj que tous les pb surviennent !

j'ai eu du mal a la mettre au point et cela recommence a cause de cette pu**in de maj....
-
Les pb que j'ai donc a régler sont :
comment remonter cette barre d'onglet et la remettre juste en dessopus de ma barre perso
les afficher correctement et voir le "+" qui permet d'ouvrir plusieurs onglets ...

je répète encore une fois ...
Tout fonctionnait correctement avant cette maj....

pour

Bonjour,

epsilon9f a écrit : 02 juin 2021, 13:11 j'ai agencé l'affichage de mon Firefox de cette manière.
Barre de menu masquée
1) Barre de navigation (avec champ recherche et URL)
2) Barre personnelle
3) Barre d'onglet
et ensuite, page d'affichage de navigation.

Va faire un tour ici : viewtopic.php?p=916111#p916111

Bonne journée

Re Robert Mitchum,

le pb est que je ne sais pas interpréter ce code ...
je sais copier coller dans userchrome si on me dit quoi coller mais delà à coder... je ne sais pas faire ...
que faudrait-il modifier ????

J'ai occulté la mises de couleur des onglets pour le moment ...
mais cela ne change rien ....
Onglets en bats et plus de "+" pour afficher de nouveaux ongleyts

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" */

epsilon9f a écrit : Comprends tu mon pb ?

J'ai bien compris, mais tu es la seul personne a avoir ce genre de problème (actuellement) !

epsilon9f a écrit : je rappelle que tout marchait correctement avant cette pu**in de maj
donc mon css n''est pas en cause ....
c'est cette maj de m***de qui a foutu le mer**er
cela devient pire que Crosoft ....
cela devient pénible cette gymnastique ...
tous les X maj Files maj mettent dans l'embarras plein de personnes ...

et pour info vu ce forum ...
je suis loin d'être le seul a faire des posts concernant l'affichage des onglets depuis la derniere maj....

La gymnastique, on la connaît depuis très longtemps, donc même si cela peut être pénible, il faut faire avec !.. Moi-même j'utilise les CSS et s'il le faut, je fais le ménage si nécessaire, car a force d’empiler, cela peut devenir mauvais...

_ Dans ton cas de la barre d'onglets rendue en bas, tu es la seul personne !..
_ Dans le cas de disparition d'onglets, tu es seul !..

Bref, c'est bien d'utiliser les codes CSS, mais depuis le temps que des mises à jour cassent des codes, on sait d'avance que rien n'est éternel... Ce n'est pas comme si c'était nouveau !

Bob49

as tu essayé mon userchrome.css ?
je ne parle pas de morceaux mais intégralement ...
ainsi tu pourrais te rendre compte ....
-

_ Dans ton cas de la barre d'onglets rendue en bas, tu es la seul personne !..
_ Dans le cas de disparition d'onglets, tu es seul !..

je ne suis pas le seul a avoir ce pb de disparition .....

la preuve :
viewtopic.php?f=5&t=146274

Cette barre d'onglet est arrivée en bas ...
et comme pitpat692002
Je cite : "mes onglets qui étaient en haut et en dessous de ma barre personnelle se retrouvent maintenant en bas."
il poursuit ....
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).

mon pb s'apparente bien de la même manière et je ne suis donc pas le seul à être dans ce cas ....

ce que je recherche a faire
c'est avoir :
1) La barre de titre
2) la barre de recherche ((recherche et URL)
3) la barre perso sur 2 lignes
4) et enfin la barre d'onglet...

Merci à ceux qui pourront m'aider, car j'avoue être complétement perdu.

Car ....
impossible de créer un nouvel onglet (le petit onglet "+" n'existe plus)
les onglets apparaissent tout en en bas de l'écran et non plus sous ma barre perso
et enfin quand j'arrive à ouvrir un nouvel onglet (via lien par exemple)
tous les autres deviennent invisibles ...

ci joint mon Userchrome :

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" */

epsilon9f a écrit : 02 juin 2021, 17:41 le pb est que je ne sais pas interpréter ce code ...
je sais copier coller dans userchrome si on me dit quoi coller mais delà à coder... je ne sais pas faire ...
que faudrait-il modifier ????

Hallo

Tu remplaces ton code CSS par celui donné ici : viewtopic.php?p=916111#p916111
par pitpat692002 » 01 juin 2021, 23:31

Bonsoir

Du coup userChrome.css à essayer

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

/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/tabs_on_bottom.css made available under Mozilla Public License v. 2.0
See the above repository for updates as well as full license text. */

/* Modify to change window drag space width */
/*
Use tabs_on_bottom_menubar_on_top_patch.css if you
have menubar permanently enabled and want it on top
 */

/* IMPORTANT */
/*
Get window_control_placeholder_support.css
Window controls will be all wrong without it.
Additionally on Linux, you may need to get:
linux_gtk_window_control_patch.css
*/

:root{ --uc-titlebar-padding: 0px; }
@media (-moz-os-version: windows-win10){
  :root[sizemode="maximized"][tabsintitlebar]{ --uc-titlebar-padding: 8px }
}
#toolbar-menubar[autohide="true"] > .titlebar-buttonbox-container,
#TabsToolbar > .titlebar-buttonbox-container{
  position: absolute;
  display: block;
  top: var(--uc-titlebar-padding,0px);
  right:0;
  height: 40px;
}
/* Mac specific. You should set that font-smoothing pref to true if you are on any platform where window controls are on left */
@supports -moz-bool-pref("layout.css.osx-font-smoothing.enabled"){
  :root{ --uc-titlebar-padding: 50px !important }
  .titlebar-buttonbox-container{ left:0; right: unset !important; }
}

:root[uidensity="compact"] #TabsToolbar > .titlebar-buttonbox-container{ height: 32px }

#toolbar-menubar[inactive] > .titlebar-buttonbox-container{ opacity: 0 }

#navigator-toolbox{ padding-top: var(--uc-titlebar-padding,0px) !important; }

.titlebar-buttonbox-container > .titlebar-buttonbox{ height: 100%; }

#titlebar{
  -moz-box-ordinal-group: 2;
  -moz-appearance: none !important;
  --tabs-navbar-shadow-size: 0px;
}

.titlebar-placeholder,
#TabsToolbar .titlebar-spacer{ display: none; }
/* Also hide the toolbox bottom border which isn't at bottom with this setup */
#navigator-toolbox::after{ display: none !important; }

@media (-moz-gtk-csd-close-button){ .titlebar-button{ -moz-box-orient: vertical } }

/* These exist only for compatibility with autohide-tabstoolbar.css */
toolbox#navigator-toolbox > toolbar#nav-bar.browser-toolbar{ animation: none; }
#navigator-toolbox:hover #TabsToolbar{ animation: slidein ease-out 48ms 1 }

/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/tabs_on_bottom_menubar_on_top_patch.css made available under Mozilla Public License v. 2.0
See the above repository for updates as well as full license text. */

/* Menubar on top patch - use with tabs_on_bottom.css */
/* Only really useful if menubar is ALWAYS visible */

:root{ --uc-window-control-width: 0px !important }

#navigator-toolbox{ padding-top: calc(25px + var(--uc-titlebar-padding,0px)) !important }

#toolbar-menubar{
  position: fixed;
  display: flex;
  top: var(--uc-titlebar-padding,0px);
  height: 29px;
  width: 100%;
  overflow: hidden;
}

#toolbar-menubar > .titlebar-buttonbox-container{ height: 29px; order: 100; }

#toolbar-menubar > [flex]{ flex-grow: 100; }
#toolbar-menubar > spacer[flex]{
  order: 99;
  flex-grow: 20;
  min-width: var(--uc-window-drag-space-width,20px);
}

#toolbar-menubar .titlebar-button{ padding: 2px 17px !important;  }

#toolbar-menubar .toolbarbutton-1 { --toolbarbutton-inner-padding: 30px }

/* TABS: height */*|*:root { --tab-toolbar-navbar-overlap: 0px !important; --tab-min-height: 25px !important; /*adjust to set height or omit to use density*/
--tab-min-width: 80px !important; /*adjust to set width or omit to use default*/
 
#tabbrowser-tabs {
width: 100vw !important;
}
#main-window:not([chromehidden*="toolbar"]) #navigator-toolbox {padding-bottom: var(--tab-min-height) !important;}

.tab-background {
border-radius: 8px 8px 8px 8px !important; border-image: none !important;
}
.tab-line {
display: none;
} 

.tab-close-button {
color: red!important; 
}

Re Agent Virtuel,

Testé cela a l'air de marcher..

j'ai remarqué ce pb :

Sur mon ancien profil..
si je cliquais sur la barre de titre, je restais cliqué, et la déplaçais cela réduisait la taille de la fenêtre.

Avec ce nouveau code..
impossible de déplacer la fenêtre.....
La fenêtre de Firefox ne bouge plus en faisant un glissé déplacé

serait ce 1 Bug ???
est ce résolvable ou c'est encore a cause de la maj ?

autres petites choses..

dans mon ancien code
j'avais essayé de personnaliser la couleur de l'onglet actif par rapport aux autres et aussi la couleur d'un dossier
via ce code :

Code : Tout sélectionner

/*====== DEBUT Couleur Onglets sur onglet actif ======*/

 /* Onglet Actif Bleu ciel */
.tab-background[selected="true"] {
background-attachment: none!important;
background-color: lightblue !important;
background-image: none!important; } 

/* Croix de fermeture Rouge sur onglet actif */
.tab-close-button {
color: red !important; } 

/* Croix de fermeture blanc sur les onglets inactifs */
.tab-close-button:not([selected]) {
color: white !important; } 

/*====== FIN Couleur Onglets sur onglet actif ======*/

/* DEBUT icône particulière pour Marque Page "presse Info" */
.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" */

j'ai essayé de le copier à la suite de ton code mais cela ne marche pas ?

epsilon9f a écrit : 02 juin 2021, 20:45 impossible de déplacer la fenêtre.....
La fenêtre de Firefox ne bouge plus en faisant un glissé déplacé

Cochez la case à côté de Barre de titre https://support.mozilla.org/fr/kb/perso ... ersonnelle

Du coup userChrome.css à essayer et illustration couleurs https://developer.mozilla.org/fr/docs/W ... icker_tool

Code : Tout sélectionner

/* ACTIVE TAB BACKGROUND COLOR */
.tab-content[selected="true"] {
background: rgba(60,148,85) !important;
}

/* Change color of tab */
tab{ -moz-appearance: none !important; } tab:not([selected="true"]) {
background: rgba(187,57,57) !important;
}

tab{ -moz-appearance: none !important; } tab:not([selected="true"]):hover {
background: rgba(60,148,85) !important;
}

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

/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/tabs_on_bottom.css made available under Mozilla Public License v. 2.0
See the above repository for updates as well as full license text. */

/* Modify to change window drag space width */
/*
Use tabs_on_bottom_menubar_on_top_patch.css if you
have menubar permanently enabled and want it on top
 */

/* IMPORTANT */
/*
Get window_control_placeholder_support.css
Window controls will be all wrong without it.
Additionally on Linux, you may need to get:
linux_gtk_window_control_patch.css
*/

:root{ --uc-titlebar-padding: 0px; }
@media (-moz-os-version: windows-win10){
  :root[sizemode="maximized"][tabsintitlebar]{ --uc-titlebar-padding: 8px }
}
#toolbar-menubar[autohide="true"] > .titlebar-buttonbox-container,
#TabsToolbar > .titlebar-buttonbox-container{
  position: absolute;
  display: block;
  top: var(--uc-titlebar-padding,0px);
  right:0;
  height: 40px;
}
/* Mac specific. You should set that font-smoothing pref to true if you are on any platform where window controls are on left */
@supports -moz-bool-pref("layout.css.osx-font-smoothing.enabled"){
  :root{ --uc-titlebar-padding: 50px !important }
  .titlebar-buttonbox-container{ left:0; right: unset !important; }
}

:root[uidensity="compact"] #TabsToolbar > .titlebar-buttonbox-container{ height: 32px }

#toolbar-menubar[inactive] > .titlebar-buttonbox-container{ opacity: 0 }

#navigator-toolbox{ padding-top: var(--uc-titlebar-padding,0px) !important; }

.titlebar-buttonbox-container > .titlebar-buttonbox{ height: 100%; }

#titlebar{
  -moz-box-ordinal-group: 2;
  -moz-appearance: none !important;
  --tabs-navbar-shadow-size: 0px;
}

.titlebar-placeholder,
#TabsToolbar .titlebar-spacer{ display: none; }
/* Also hide the toolbox bottom border which isn't at bottom with this setup */
#navigator-toolbox::after{ display: none !important; }

@media (-moz-gtk-csd-close-button){ .titlebar-button{ -moz-box-orient: vertical } }

/* These exist only for compatibility with autohide-tabstoolbar.css */
toolbox#navigator-toolbox > toolbar#nav-bar.browser-toolbar{ animation: none; }
#navigator-toolbox:hover #TabsToolbar{ animation: slidein ease-out 48ms 1 }

/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/tabs_on_bottom_menubar_on_top_patch.css made available under Mozilla Public License v. 2.0
See the above repository for updates as well as full license text. */

/* Menubar on top patch - use with tabs_on_bottom.css */
/* Only really useful if menubar is ALWAYS visible */

:root{ --uc-window-control-width: 0px !important }

#navigator-toolbox{ padding-top: calc(25px + var(--uc-titlebar-padding,0px)) !important }

#toolbar-menubar{
  position: fixed;
  display: flex;
  top: var(--uc-titlebar-padding,0px);
  height: 29px;
  width: 100%;
  overflow: hidden;
}

#toolbar-menubar > .titlebar-buttonbox-container{ height: 29px; order: 100; }

#toolbar-menubar > [flex]{ flex-grow: 100; }
#toolbar-menubar > spacer[flex]{
  order: 99;
  flex-grow: 20;
  min-width: var(--uc-window-drag-space-width,20px);
}

#toolbar-menubar .titlebar-button{ padding: 2px 17px !important;  }

#toolbar-menubar .toolbarbutton-1 { --toolbarbutton-inner-padding: 30px }

/* TABS: height */*|*:root { --tab-toolbar-navbar-overlap: 0px !important; --tab-min-height: 25px !important; /*adjust to set height or omit to use density*/
--tab-min-width: 80px !important; /*adjust to set width or omit to use default*/
 
#tabbrowser-tabs {
width: 100vw !important;
}
#main-window:not([chromehidden*="toolbar"]) #navigator-toolbox {padding-bottom: var(--tab-min-height) !important;}

.tab-background {
border-radius: 8px 8px 8px 8px !important; border-image: none !important;
}
.tab-line {
display: none;
} 

.tab-close-button {
color: red!important; 
}

Autre essai et autre essai https://j2m-06.pagesperso-orange.fr/faq ... l_dossiers

Code : Tout sélectionner

.bookmark-item[label="mozfrorg"] > .toolbarbutton-icon {
  width: 0px!important;
  height: 0px!important;
  padding: 0 0 16px 16px!important;
  background-image: url("mozfr.png")!important;
  background-size: cover!important;
}
.bookmark-item[label="forumsmozfr"] > .toolbarbutton-icon {
  width: 0px!important;
  height: 0px!important;
  padding: 0 0 16px 16px!important;
  background-image: url("mozfr2.png")!important;
  background-size: cover!important;
}
.bookmark-item[label="Nouveau dossier1"] > .toolbarbutton-icon {
  width: 0px!important;
  height: 0px!important;
  padding: 0 0 16px 16px!important;
  background-image: url("bleu.png")!important;
  background-size: cover!important;
}

/* changer la couleur des dossiers Marque-pages/Historique (ok FF84) */
.bookmark-item[container], treechildren::-moz-tree-image(container) {
fill: red !important;
} 

/* Active tab background color */
.tab-content[selected="true"] {
background: rgba(60,148,85) !important;
}

/* Change color of tab */
tab{ -moz-appearance: none !important; } tab:not([selected="true"]) {
background: rgba(187,57,57) !important;
}

tab{ -moz-appearance: none !important; } tab:not([selected="true"]):hover {
background: rgba(60,148,85) !important;
}

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

/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/tabs_on_bottom.css made available under Mozilla Public License v. 2.0
See the above repository for updates as well as full license text. */

/* Modify to change window drag space width */
/*
Use tabs_on_bottom_menubar_on_top_patch.css if you
have menubar permanently enabled and want it on top
 */

/* IMPORTANT */
/*
Get window_control_placeholder_support.css
Window controls will be all wrong without it.
Additionally on Linux, you may need to get:
linux_gtk_window_control_patch.css
*/

:root{ --uc-titlebar-padding: 0px; }
@media (-moz-os-version: windows-win10){
  :root[sizemode="maximized"][tabsintitlebar]{ --uc-titlebar-padding: 8px }
}
#toolbar-menubar[autohide="true"] > .titlebar-buttonbox-container,
#TabsToolbar > .titlebar-buttonbox-container{
  position: absolute;
  display: block;
  top: var(--uc-titlebar-padding,0px);
  right:0;
  height: 40px;
}
/* Mac specific. You should set that font-smoothing pref to true if you are on any platform where window controls are on left */
@supports -moz-bool-pref("layout.css.osx-font-smoothing.enabled"){
  :root{ --uc-titlebar-padding: 50px !important }
  .titlebar-buttonbox-container{ left:0; right: unset !important; }
}

:root[uidensity="compact"] #TabsToolbar > .titlebar-buttonbox-container{ height: 32px }

#toolbar-menubar[inactive] > .titlebar-buttonbox-container{ opacity: 0 }

#navigator-toolbox{ padding-top: var(--uc-titlebar-padding,0px) !important; }

.titlebar-buttonbox-container > .titlebar-buttonbox{ height: 100%; }

#titlebar{
  -moz-box-ordinal-group: 2;
  -moz-appearance: none !important;
  --tabs-navbar-shadow-size: 0px;
}

.titlebar-placeholder,
#TabsToolbar .titlebar-spacer{ display: none; }
/* Also hide the toolbox bottom border which isn't at bottom with this setup */
#navigator-toolbox::after{ display: none !important; }

@media (-moz-gtk-csd-close-button){ .titlebar-button{ -moz-box-orient: vertical } }

/* These exist only for compatibility with autohide-tabstoolbar.css */
toolbox#navigator-toolbox > toolbar#nav-bar.browser-toolbar{ animation: none; }
#navigator-toolbox:hover #TabsToolbar{ animation: slidein ease-out 48ms 1 }

/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/tabs_on_bottom_menubar_on_top_patch.css made available under Mozilla Public License v. 2.0
See the above repository for updates as well as full license text. */

/* Menubar on top patch - use with tabs_on_bottom.css */
/* Only really useful if menubar is ALWAYS visible */

:root{ --uc-window-control-width: 0px !important }

#navigator-toolbox{ padding-top: calc(25px + var(--uc-titlebar-padding,0px)) !important }

#toolbar-menubar{
  position: fixed;
  display: flex;
  top: var(--uc-titlebar-padding,0px);
  height: 29px;
  width: 100%;
  overflow: hidden;
}

#toolbar-menubar > .titlebar-buttonbox-container{ height: 29px; order: 100; }

#toolbar-menubar > [flex]{ flex-grow: 100; }
#toolbar-menubar > spacer[flex]{
  order: 99;
  flex-grow: 20;
  min-width: var(--uc-window-drag-space-width,20px);
}

#toolbar-menubar .titlebar-button{ padding: 2px 17px !important;  }

#toolbar-menubar .toolbarbutton-1 { --toolbarbutton-inner-padding: 30px }

/* TABS: height */*|*:root { --tab-toolbar-navbar-overlap: 0px !important; --tab-min-height: 25px !important; /*adjust to set height or omit to use density*/
--tab-min-width: 80px !important; /*adjust to set width or omit to use default*/
 
#tabbrowser-tabs {
width: 100vw !important;
}
#main-window:not([chromehidden*="toolbar"]) #navigator-toolbox {padding-bottom: var(--tab-min-height) !important;}

.tab-background {
border-radius: 8px 8px 8px 8px !important; border-image: none !important;
}
.tab-line {
display: none;
} 

.tab-close-button {
color: red!important; 
}

Re Agent virtuel,

Cochez la case à côté de Barre de titre https://support.mozilla.org/fr/kb/perso ... ersonnelle

si j'ai bien compris...
tu me demandes de cliquer dans Affichage/Barre d'outils/personnaliser la barre d'outils
et cocher la case correspondant à "Barre de titre" ,

=> est ce cela que tu indiques ?

si c'est ceci..
j'ai fait ... en effet, une fois la case barre de titre cochée je peux bouger de nouveau la fenêtre en faisant "glissé déplacé" ..
mais une fois décochée, cela ne fonctionne plus ???
pour que cela fonctionne il faut dont afficher la barre de titre ?
un peu zarbi ....
pas moyen de faire autrement ?

pourrais tu me confirmer ceci :
A quoi correspond la "barre de titre" exactement ?
je m'y perds un peu ....
=> elle sert a afficher la barre de menu c'est bien cela ?
=> ou est celle là qui permet d'afficher les 3 boutons ?

je m'y perds un peu en terminologie ...
si la barre de titre permet d'afficher le menu, comment se somme la barre qui permet d'avoir les 3 boutons ?

pour ma part je n'affiche pas la barre de menu donc elle me sert a rien .... ( a part le cliqué déplacé...)
mais pour pouvoir utiliser le glisser déplacé il faudrait laisser cette barre de titre affichée ?
-

A propos de la personnalisation avec les couleurs..
tout ce code c'est bien, merci .. mais je ne sais pas ou aller voir ..
modifier légèrement ok, mais encore faut-il que je sache ou aller voir ...

D'où, pourrais tu me donner quelques indications pour savoir quelle section utiliser pour faire quoi ..

Perso je souhaiterais faire :
1) Changer la couleur de l'onglet actif et des inactifs
2) changer la couleur des croix des onglets inactifs et de l'onglet actif

A la limite ..
(je l'avais fait sur le précédent) changer la couleur d'un dossier d'un marque page

et enfin je souhaiterais savoir si il est possible de réduire les espaces en hauteur entre les marques pages
voir les carrés de couleur sur l'image

(afin de réduire la hauteur de la barre perso..) pour avoir plus d'espace d'affichage ..

et si il est possible de réduire l'espace en largeur entre les marques pages

Re Agent virtuel
j'ai essaye de regardé ce morceau de code :

Code : Tout sélectionner

/*====== DEBUT Couleur Onglets sur onglet actif ======*/

 /* Onglet Actif Bleu ciel */
.tab-background[selected="true"] {
background-attachment: none!important;
background-color: lightblue !important;
background-image: none!important; } 

/* Croix Rouge sur onglet actif */
.tab-close-button {
color: red !important; } 

/* Croix de fermeture sur les onglets inactifs */
.tab-close-button:not([selected]) {
color: white !important; } 

/*====== FIN Couleur Onglets sur onglet actif ======*/

si je comprends bien cela devrait mettre l'onglet actif en bleu ciel ?
cela ne le fait pas ??

Croix Rouge sur onglet actif idem.... cela ne fait rien..

et enfin "Croix de fermeture sur les onglets inactifs" blanc semble t-il ... cela ne fait rien non plus ?

y a t-il un bug ?

Merci de ton aide

Bonjour

Autre essai

Code : Tout sélectionner

.bookmark-item[label="mozfrorg"] > .toolbarbutton-icon {
  width: 0px!important;
  height: 0px!important;
  padding: 0 0 16px 16px!important;
  background-image: url("mozfr.png")!important;
  background-size: cover!important;
}
.bookmark-item[label="forumsmozfr"] > .toolbarbutton-icon {
  width: 0px!important;
  height: 0px!important;
  padding: 0 0 16px 16px!important;
  background-image: url("mozfr2.png")!important;
  background-size: cover!important;
}
.bookmark-item[label="Nouveau dossier1"] > .toolbarbutton-icon {
  width: 0px!important;
  height: 0px!important;
  padding: 0 0 16px 16px!important;
  background-image: url("bleu.png")!important;
  background-size: cover!important;
}

/* changer la couleur des dossiers Marque-pages/Historique (ok FF84) */
.bookmark-item[container], treechildren::-moz-tree-image(container) {
fill: red !important;
} 

/*====== DEBUT Couleur Onglets sur onglet actif ======*/

 /* Onglet Actif Bleu ciel */
.tab-background[selected="true"] {
background-attachment: none!important;
background-color: lightblue !important;
background-image: none!important; } 

/* Croix Rouge sur onglet actif */
.tab-close-button {
color: red !important; } 

/* Croix de fermeture sur les onglets inactifs */
.tab-close-button:not([selected]) {
color: white !important; } 

/*====== FIN Couleur Onglets sur onglet actif ======*/

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

/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/tabs_on_bottom.css made available under Mozilla Public License v. 2.0
See the above repository for updates as well as full license text. */

/* Modify to change window drag space width */
/*
Use tabs_on_bottom_menubar_on_top_patch.css if you
have menubar permanently enabled and want it on top
 */

/* IMPORTANT */
/*
Get window_control_placeholder_support.css
Window controls will be all wrong without it.
Additionally on Linux, you may need to get:
linux_gtk_window_control_patch.css
*/

:root{ --uc-titlebar-padding: 0px; }
@media (-moz-os-version: windows-win10){
  :root[sizemode="maximized"][tabsintitlebar]{ --uc-titlebar-padding: 8px }
}
#toolbar-menubar[autohide="true"] > .titlebar-buttonbox-container,
#TabsToolbar > .titlebar-buttonbox-container{
  position: absolute;
  display: block;
  top: var(--uc-titlebar-padding,0px);
  right:0;
  height: 40px;
}
/* Mac specific. You should set that font-smoothing pref to true if you are on any platform where window controls are on left */
@supports -moz-bool-pref("layout.css.osx-font-smoothing.enabled"){
  :root{ --uc-titlebar-padding: 50px !important }
  .titlebar-buttonbox-container{ left:0; right: unset !important; }
}

:root[uidensity="compact"] #TabsToolbar > .titlebar-buttonbox-container{ height: 32px }

#toolbar-menubar[inactive] > .titlebar-buttonbox-container{ opacity: 0 }

#navigator-toolbox{ padding-top: var(--uc-titlebar-padding,0px) !important; }

.titlebar-buttonbox-container > .titlebar-buttonbox{ height: 100%; }

#titlebar{
  -moz-box-ordinal-group: 2;
  -moz-appearance: none !important;
  --tabs-navbar-shadow-size: 0px;
}

.titlebar-placeholder,
#TabsToolbar .titlebar-spacer{ display: none; }
/* Also hide the toolbox bottom border which isn't at bottom with this setup */
#navigator-toolbox::after{ display: none !important; }

@media (-moz-gtk-csd-close-button){ .titlebar-button{ -moz-box-orient: vertical } }

/* These exist only for compatibility with autohide-tabstoolbar.css */
toolbox#navigator-toolbox > toolbar#nav-bar.browser-toolbar{ animation: none; }
#navigator-toolbox:hover #TabsToolbar{ animation: slidein ease-out 48ms 1 }

/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/tabs_on_bottom_menubar_on_top_patch.css made available under Mozilla Public License v. 2.0
See the above repository for updates as well as full license text. */

/* Menubar on top patch - use with tabs_on_bottom.css */
/* Only really useful if menubar is ALWAYS visible */

:root{ --uc-window-control-width: 0px !important }

#navigator-toolbox{ padding-top: calc(25px + var(--uc-titlebar-padding,0px)) !important }

#toolbar-menubar{
  position: fixed;
  display: flex;
  top: var(--uc-titlebar-padding,0px);
  height: 29px;
  width: 100%;
  overflow: hidden;
}

#toolbar-menubar > .titlebar-buttonbox-container{ height: 29px; order: 100; }

#toolbar-menubar > [flex]{ flex-grow: 100; }
#toolbar-menubar > spacer[flex]{
  order: 99;
  flex-grow: 20;
  min-width: var(--uc-window-drag-space-width,20px);
}

#toolbar-menubar .titlebar-button{ padding: 2px 17px !important;  }

#toolbar-menubar .toolbarbutton-1 { --toolbarbutton-inner-padding: 30px }

/* TABS: height */*|*:root { --tab-toolbar-navbar-overlap: 0px !important; --tab-min-height: 25px !important; /*adjust to set height or omit to use density*/
--tab-min-width: 80px !important; /*adjust to set width or omit to use default*/
 
#tabbrowser-tabs {
width: 100vw !important;
}
#main-window:not([chromehidden*="toolbar"]) #navigator-toolbox {padding-bottom: var(--tab-min-height) !important;}

.tab-background {
border-radius: 8px 8px 8px 8px !important; border-image: none !important;
}
.tab-line {
display: none;
} 

.tab-close-button {
color: red!important; 
}

Geckozone

pb depuis maj Firefox V 89.0

pb depuis maj Firefox V 89.0

Re: pb depuis maj Firefox V 89.0

Re: pb depuis maj Firefox V 89.0

Re: pb depuis maj Firefox V 89.0

Re: pb depuis maj Firefox V 89.0

Re: pb depuis maj Firefox V 89.0

Re: pb depuis maj Firefox V 89.0

Re: pb depuis maj Firefox V 89.0

Re: pb depuis maj Firefox V 89.0

Re: pb depuis maj Firefox V 89.0

Re: pb depuis maj Firefox V 89.0

Re: pb depuis maj Firefox V 89.0

Re: pb depuis maj Firefox V 89.0

Re: pb depuis maj Firefox V 89.0

Re: pb depuis maj Firefox V 89.0