barre d'onglets et mise à jour ffx76

[fifidibosco]

Bonjour,

pour info, mon fichier userchrome.css, tel qu'il est en ce moment, avant toute modification, est :

Code : Tout sélectionner

/* Onglets en dessous de la barre d'adresse et barre de favoris au-dessus des onglets  */
#TabsToolbar {-moz-box-ordinal-group: 2}
#navigator-toolbox toolbar:not(#nav-bar):not(#toolbar-menubar) {-moz-box-ordinal-group:10}
#TabsToolbar {-moz-box-ordinal-group:1000 !important} 

/* supprime la barre haute des onglets */
#TabsToolbar .tabbrowser-tab .tab-line {
visibility: hidden;}

/*hauteur onglets*/
#tabbrowser-tabs, #tabbrowser-tabs > .tabbrowser-arrowscrollbox {
	min-height: 15px !important;
}

/* Taille Police Onglets */
.tab-text {
font-size: 14px !important; }

/* Thanks to @Speravir for making it work again in the latest versions. */
#tabbrowser-tabs tab[first-visible-tab="true"][last-visible-tab="true"] {
	visibility: collapse;
}

/*cacher le bouton nouveau tab*/
#tabbrowser-tabs .tabs-newtab-button { 
	visibility: collapse !important;
}

#tabbrowser-tabs tab {
	min-height: var(--tab-min-height)
}

/*survol souris*/
#tabbrowser-tabs tab:hover {
color: black !important;
background-color:white !important;
} 

/* Onglet Actif*/
.tab-background[selected="true"] {
color:black !important;
background-color: #FEFFB4!important;
/*background-color: #FEFFB4!important;*/
}

/*couleur du texte des onglets inactifs*/
.tabbrowser-tab:not([visuallyselected="true"]), .tabbrowser-tab:-moz-lwtheme { 
color: #AAA!important;
background-color:white !important;
}

il semble bien que le code de GlopGlop y soit déjà et donc inactif.
l'option "toolkit.legacyUserProfileCustomizations.stylesheets" de about:config est bien sur "true"

fifi

[fifidibosco]

j'ai modifié les couleurs et tailles des onglets dans le userchrome.css, et ça n'a rien changer au look de mon ffx.
Il semble que ce ficheir ne soit pas/plus pris en compte par mon navigateur.
fifi

[Anonyme1]

Bonjour,
@fifidibosco

l'option "toolkit.legacyUserProfileCustomizations.stylesheets" de about:config est bien sur "true"

OK.

Ferme Firefox et sauvegarde ton fichier userChrome.css
Puis en créer un autre dans le dossier chrome/de ton profil Firefox

Barre d'onglets sous la barre personnelle (favoris)

Code : Tout sélectionner

/* Barre d'onglets sous la barre personnelle – Firefox 65 et plus récents */

#navigator-toolbox toolbar:not(#nav-bar):not(#toolbar-menubar) {
  -moz-box-ordinal-group: 10 !important;
}
#TabsToolbar {
  -moz-box-ordinal-group: 1000 !important;
  display: block !important;
  position: absolute !important;
  bottom: 0 !important;
  width: 100vw !important;
}
#tabbrowser-tabs {
  width: 100vw !important;
}
*|*:root:not([chromehidden*="toolbar"]) #navigator-toolbox {
  padding-bottom: calc(var(--tab-min-height) + 1px) !important; /*ajuster*/
}
/* Fin: Barre d'onglets sous la barre personnelle – Firefox 65 et plus récents */

Supprimer le liseret au dessus de l'onglet

Code : Tout sélectionner

/* supprimer le liseret au dessus de l'onglet */
.tab-line {
display: none; }
/* Fin: supprimer le liseret au dessus de l'onglet */

Cacher la barre si un seul onglet

Code : Tout sélectionner

/* cacher la barre si un seul onglet */
#tabbrowser-tabs tab {
    min-height: var(--tab-min-height)
}
#tabbrowser-tabs tab[first-visible-tab="true"][last-visible-tab="true"] {
    visibility: collapse;
}
/* Fin: cacher la barre si un seul onglet */

Cacher le bouton nouveau tab

Code : Tout sélectionner

/*cacher le bouton nouveau tab*/
#tabs-newtab-button { visibility: collapse !important; }
/*Fin: cacher le bouton nouveau tab*/

Pour tes codes suivant, ils fonctionnent
/*survol souris*/ (Couleur de l'onglet au survol souris)
/* Onglet Actif*/ (Couleur onglet Actif)
/*couleur du texte des onglets inactifs*/ (Couleur du texte des onglets inactifs)

Je vois sur ton premier message que tu es sous Linux Ubuntu-Mate 16.04 LTS
Je me pose la question si les codes css (sur Linux) peuvent être un peu différent de ceux pour Windows
A+

[fifidibosco]

Bonjour GlopGlop

j'ai créé le nouveau userChrome.css avec le code que tu as envoyé.
La barre d'onglet est bien sous la barre d'adresse maintenant mais elle existe toujours, bien que vide, même lorsqu'il n'y a qu'un seul onglet d'ouvert.
Lorsque je clique sur "nouvel onglet", à partir d'une page vierge, j'ai l'apparition, dans cette barre vide de deux onglets "Nouvel onglet". Ca se comporte donc comme si le premier onglet "Nouvel onglet" était déjà présent dans la barre, mais invisible, et que c'est la création du nouveau "Nouvel onglet" qui rend visible la barre d'onglet et le nouvel onglet qu'elle contenait déjà.
Y a-t-il quelque-part un répertoire de tous ces codes css applicables à userchrome.css?
La configuration de base est bien stockée quelque-part également. Il doit bien exister un fichier de conf initiale modifié par le userchrome.css ? Non ??
fifi

[fifidibosco]

Pour tes codes suivant, ils fonctionnent
/*survol souris*/ (Couleur de l'onglet au survol souris)
/* Onglet Actif*/ (Couleur onglet Actif)
/*couleur du texte des onglets inactifs*/ (Couleur du texte des onglets inactifs)

En fait le code Onglet actif ne fonctionne pas.
Les deux autres sont OK

[fifidibosco]

.
Pour ceux que les couleurs d'onglets intéressent, le problème de l'onglet actif est qu'il faut séparer le texte du fond (le tab-label du tab-background).
Chez moi ça donne ça :

Code : Tout sélectionner

/*survol souris*/
#tabbrowser-tabs tab:hover {
color: navy !important;
background-color:white !important;
} 

/* Onglet Actif*/
.tabbrowser-tab[selected="true"] .tab-background {
background: rgba(255,255,0,0.7) none !important;
}

.tabbrowser-tab[selected="true"] .tab-label {
color:navy!important;
}

/*couleur du texte des onglets inactifs*/
.tabbrowser-tab:not([visuallyselected="true"]), .tabbrowser-tab:-moz-lwtheme { 
color: #AAA !important;
background-color: white !important;
}

dans le background de l'onglet actif il faut ajouter none (pour l'image) pour que la couleur soit prise en compte
et ajouter la couleur au tab-label.

Une mine de renseignement sur le sujet ici :
https://pastebin.com/9RZBMSqv

fifi

[Freddy]

Bonjour,

j'ai créé le nouveau userChrome.css avec le code que tu as envoyé.
La barre d'onglet est bien sous la barre d'adresse maintenant mais elle existe toujours, bien que vide, même lorsqu'il n'y a qu'un seul onglet d'ouvert.
Lorsque je clique sur "nouvel onglet", à partir d'une page vierge, j'ai l'apparition, dans cette barre vide de deux onglets "Nouvel onglet". Ca se comporte donc comme si le premier onglet "Nouvel onglet" était déjà présent dans la barre, mais invisible, et que c'est la création du nouveau "Nouvel onglet" qui rend visible la barre d'onglet et le nouvel onglet qu'elle contenait déjà.

C'est normal, c'est bien ce que le code est censé faire.
Malheureusement je ne pense pas que ça puisse se faire par css
A ma connaissance, qui reste personnellement la mienne, en css on ne peut pas (encore, peut-être) agir sur un sélecteur Parent en désignant une condition venant d'un Enfant.
Et là en l’occurrence le Parent est le grand-père de l'arrière-grand-père de... faut pas remonter jusqu'à la génération de Louis-Napoléon-de-Médicis mais quand même

[fifidibosco]

Bonjour Freddy
j'ai installé une ancienne version de ffx, la 65, et là, avec le même profil et le même userchrome, la barre d'onglet disparaît lorsqu'il n'y a plus qu'un seul onglet.
Retour de la barre d'onglets dès mise à jour vers la v76. Jusqu'où s'arrêteront-ils ???
fifi

[Freddy]

Oui, alors je me suis arrêté à ce code:

Bonjour,
Pas trouver mieux.
Code css:

Code : Tout sélectionner

/* cacher la barre si un seul onglet */
#tabbrowser-tabs tab {
    min-height: var(--tab-min-height)
}
#tabbrowser-tabs tab[first-visible-tab="true"][last-visible-tab="true"] {
    visibility: collapse;
}
#tabs-newtab-button { visibility: collapse !important; }

A+

et au fait que d'après ce que tu veux aussi, la barre d'onglet en dessous, et bien ça coince par rapport aux modifs qu'il y a eu depuis ton Fx65.

En fait ça peut fonctionner en laissant les barres dans leur config d'origine, avec ce code:

Code : Tout sélectionner

/*hauteur barre d'onglets*/
#tabbrowser-tabs, #tabbrowser-arrowscrollbox {
	min-height: 5px !important;
}

/* Thanks to @Speravir for making it work again in the latest versions. */
#tabbrowser-tabs tab[first-visible-tab="true"][last-visible-tab="true"] {
	visibility: collapse;
}

/*cacher le bouton nouveau tab*/
#tabs-newtab-button { 
	visibility: collapse !important;
}

/* hauteur onglets */
#tabbrowser-tabs tab {
	min-height: var(--tab-min-height)
}

Donc une solution pourrait aller en demandant la barre d'onglets en dessous, mais avec la barre perso en haut, càd:
>barre perso
>barre de navigation
>barre d'onglets

C'est d'ailleurs la config que j'ai depuis un bon gros moment sur mon profil principal, dans ma logique c'est ce qui me convient le mieux.
Et ça donnerai ça:

Code : Tout sélectionner

/* barre d'onglets en dessous */
#navigator-toolbox {
  -moz-box-direction:reverse !important;
}


/*hauteur barre d'onglets*/
#tabbrowser-tabs, #tabbrowser-arrowscrollbox {
	min-height: 5px !important;
}

/* Thanks to @Speravir for making it work again in the latest versions. */
#tabbrowser-tabs tab[first-visible-tab="true"][last-visible-tab="true"] {
	visibility: collapse;
}

/*cacher le bouton nouveau tab*/
#tabs-newtab-button { 
	visibility: collapse !important;
}

/* hauteur onglets */
#tabbrowser-tabs tab {
	min-height: var(--tab-min-height)
}

Après je sais pas si tu utilise la barre de menu, ce qui demanderai d'autre modif.

/!\ Attention: Ma boite crânienne tient à apporter une précision:
Aujourd'hui je ne suis pas dedans du tout, j'arrive pas à me concentrer là-dessus; je suis même pas sûr de ce que je fais ou écris
Vous s'rez prévenu