Couleur des onglets

[Freddy]

Pas trop le temps d'y regarder ce soir mais as-tu bien copier/coller tout le code complet que j'ai donné ?
Voici ce que ça donne chez moi, sur un profil tout neuf:

-en vert = onglet sélectionné
-en texte rouge = onglets non lus
- en texte blanc = onglets lus

[vinces]

Avec un profil neuf (pas d'extensions) voici ce que ton code me donne;



L'onglet actif est bien en vert mais les onglet a droite sont tous non lu mais ne sont pas colorés (ni le fond, ni le texte)

[Freddy]

Pas facile de voir d'où ça vient vu que je peux pas reproduire ce qui t'arrive.
Y aurai bien eu la solution de demander à d'autres utilisateurs pour voir ce qu'il en est, mais bon je viens de voir que GlopGlop est dans le même cas que toi, donc...

Peut-être à voir si déjà, en essayant simplement avec ce qui bloque voir ce que ça donne, donc de ne coller que (et uniquement) la règle suivante:

Code : Tout sélectionner

/* Apparence des onglets non lus */
#TabsToolbar .tabbrowser-tab[pending] .tab-label{
color: red !important;
font-style: italic !important;
}

Après je vois pas trop...
Vraiment pour pas capituler, j’essaierai pourquoi pas en agissant à l'inverse, càd d'agir sur les onglets lus:

Code : Tout sélectionner

/* Apparence des onglets non lus */
#TabsToolbar .tabbrowser-tab:not([pending]) .tab-label{
color: red !important;
font-style: italic !important;
}

sinon ça

Code : Tout sélectionner

/* Apparence des onglets non lus */
#TabsToolbar .tabbrowser-tab[pending="true"] .tab-label{
color: red !important;
font-style: italic !important;
}

ou encore

Code : Tout sélectionner

/* Apparence des onglets non lus */
#TabsToolbar .tabbrowser-tab[pending] .tab-label{
-moz-appearance: none !important;
color: red !important;
font-style: italic !important;
}

A voir aussi du côté de l'OS (j'en doute), dans mon cas ici c'est W7, et j'ai pas accès pour le moment à mon poste sur Linux
Sinon j'ai fait un test avec la version beta (fx 70) et tout est correct aussi.

[Anonyme1]

Bonjour,

Y aurai bien eu la solution de demander à d'autres utilisateurs pour voir ce qu'il en est, mais bon je viens de voir que GlopGlop est dans le même cas que toi, donc...

Exact, même résultat que vinces viewtopic.php?p=891518#p891518 (je suis sous Windows 8.1)
@Freddy
Je viens de tester tous les codes, un par un (et uniquement la règle), et tester aussi avec le code complet et la modif /* Apparence des onglets non lus */ de chaque code que tu donne, Aucun ne fonctionne comme souhaiter.

J'ai essayer plusieurs combinaisons avec .tabbrowser-tab([unread] mais ça ne fonctionne pas, il doit me manquer quelque chose

il semble que [unread] ne soit plus d'actualité, mais est remplacé par [notselectedsinceload="true"] vue sur plusieurs forums d’après ce que j'ai compris.
Peut-être une piste
Le code ci-dessous fonctionne, mais a la condition que lorsque l'on clique sur un onglet dont le texte est en rouge il faut actualiser l'onglet pour qu'il passe en vert (onglet lu).

Code : Tout sélectionner

/* Apparence des onglets non lus */
#TabsToolbar .tabbrowser-tab[notselectedsinceload="true"] {
color: red !important;
font-style: italic !important;
}

Maintenant comment faire pour qu'il passe en vert directement quand l'on clique dessus, sans l'actualiser
A+

Edit:
Outils de développement Ctrl+Maj+I
lien direct de l'image: https://nsa40.casimages.com/img/2019/09 ... 215496.png

[vinces]

D'après ce que tu nous donnes [notselectedsinceload="true"] serait a utiliser avec d'autres arguments.

je suis sous Win 10 avec les dernieres mises a jour

[Freddy]

il semble que [unread] ne soit plus d'actualité, mais est remplacé par [notselectedsinceload="true"] vue sur plusieurs forums d’après ce que j'ai compris.

[unread] est remplacé par [pending] ,en tout cas chez moi.
Et pour ce qui est de [notselectedsinceload="true"] chez moi ça marche pas, et de toute façon ça ne correspond pas à ce qu'il faut.

Par contre j'ai pris le temps d'y regarder de plus près, et une autre solution fonctionne chez moi:

Code : Tout sélectionner

/* Apparence des onglets non lus */
#TabsToolbar .tabbrowser-tab:not([linkedpanel]) .tab-label {
color: red !important;
font-style: italic !important;
}

D'où la possibilité aussi pour l'inverse:

Code : Tout sélectionner

/* Apparence des onglets lus */
#TabsToolbar .tabbrowser-tab[linkedpanel] .tab-label {
color: red !important;
font-style: italic !important;
}

[Anonyme1]

Bonjour,
Je viens de tester tous les codes, un par un (avec uniquement le code /* Apparence des onglets non lus */), et tester aussi avec le code complet et la modif /* Apparence des onglets non lus */ de chaque code que tu donne, Aucun ne fonctionne.
Tester sous Windows 8.1 avec Firefox Portable 69.0, Firefox Portable 69.0.1, Firefox Portable 70.0 Beta et sous Windows 7 avec Firefox 54.0, Firefox Portable 69.0 et Firefox 69.0.1, Ouf
le mystère s’épaissit
A+

[Freddy]

Ah ok, j'ai compris, on veut me mettre la cervelle à l'envers Eh ben ça marchera pas, y'arriverez pas

A vérifier:
-contrôle de la pression des essuie-glaces.
-essorer plus souvent ses chaussons avant de se brosser les dents.
-éplucher correctement les nouilles avant de les congeler.
-...

Bon plus sérieusement, une capture d'écran je sais pas, mais histoire d'être bien d'accord au niveau du quoi/comment de la procédure, il faut bien avoir plusieurs onglets de présents à l'ouverture de la session de fx, je pense que ça on est d'accord ?

Sinon pour essayer d'isoler un peu mieux le problème, une solution serait d'être carrément plus radical, et donc par étape essayer ça:
là, tous les onglets doivent être impactés:

Code : Tout sélectionner

.tabbrowser-tab  {
background-color: blue !important;
color: red !important;
font-style: italic !important;
}

ensuite, un peu plus sélectif:

Code : Tout sélectionner

/* Apparence des onglets non lus */
.tabbrowser-tab:not([linkedpanel])  {
background-color: blue !important;
color: red !important;
font-style: italic !important;
}

Si déjà là ça bloque, alors...

[Anonyme1]

Bonjour,

Ah ok, j'ai compris, on veut me mettre la cervelle à l'envers Eh ben ça marchera pas, y'arriverez pas
A vérifier:
-contrôle de la pression des essuie-glaces. Cela doit être une nouvelle fonction, je demande au mécano de vérifier
-essorer plus souvent ses chaussons avant de se brosser les dents. Précise: se "brosser les dents" le matin, le midi ou le soir
-éplucher correctement les nouilles avant de les congeler. Les nouilles cuites ou crues

J'ai vérifié:
- fourrer les chaussons de nouilles et les brosser avec la brosse à dents avant de les éplucher avec les essuie-glaces puis essorer le tout pour les congeler , j'ai aussi fait bouillir 10 litres d'eau que j'ai congelé en cas de besoin d'eau très chaude bouillante, comme il y avait de la place dans le congélateur, j'ai congelé plusieurs sachets de trous de Ø8, Ø10 et Ø12 toujours utile d'avoir des trous préparer d'avance.

il faut bien avoir plusieurs onglets de présents à l'ouverture de la session de fx, je pense que ça on est d'accord ?

Oui, plusieurs onglets de présents à l'ouverture de la session de fx.
Donc:
Tester avec Firefox portable 69.0 (Windows 8.1)
Page d’accueil plus 3 onglets.

Teste avec le code (uniquement que le code) Freddy » 13 sept. 2019, 14:18 (1 codes)
1 Code) l'onglet sélectionner est bien en vert, les autres ne change pas.

.

Teste avec le code (uniquement que le code) Freddy » 19 sept. 2019, 15:16 (4 codes)
Code 1 L'onglet sélectionner est normal, les autres ne change pas.


Code 2 Texte en rouge sur tous les onglets.(si je sélectionne un autre onglet le texte reste en rouge)


Code 3 L'onglet sélectionner est normal, les autres ne change pas.


Code 4 L'onglet sélectionner est normal, les autres ne change pas.

.

Teste avec le code (uniquement que le code) Freddy » 20 sept. 2019, 14:20 (2 codes)
Code 1 L'onglet sélectionner est normal, les autres ne change pas.


Code 2 Texte en rouge sur tous les onglets (si je sélectionne un autre onglet le texte reste en rouge).

.

Teste avec le code (uniquement que le code) Freddy » 22 sept. 2019, 15:44 (2 codes)
Code 1 Onglet sélectionner normal, les autres en bleu, texte en rouge sur tous les onglets.

Toujours Code 1 même code(Sélection d'un autre onglet)(si je sélectionne un autre onglet il passe en normale, mais les autres (déjà lu) passe en bleu, le texte reste en rouge).



Code 2 L'onglet sélectionner est normal, les autres ne change pas.


Je t'appelle un docteur, spécialiser en cervelothérapie.css
A+
Edit: mise en couleurs pour différencier les titres les codes.

[vinces]

Même chose les résulatats sont partiel mais on arrive pas a avoir une différence entre un onglet lu et un onglet non lu, Il y aurait-il un delais minimum d'affichage des onglets pour qu'ils passent d'un status (non lu) a un autre status (lu)

[Freddy]

@GlopGlop
Merci pour toutes ces captures bien descriptives

Il y aurait-il un delais minimum d'affichage des onglets pour qu'ils passent d'un status (non lu) a un autre status (lu)

non, c'est instantané.

Puisqu'on est dans les captures, je veux bien voir ce que ça donne chez vous, une comme celle-ci avec au moins 2 onglets non-lus et 2 onglets lus (ici c'est sans aucun code css, avec 4 non_lus et 3 lus) et histoire d'avoir tous les onglets sur la capture j'ai précisé "sans déplier l'arborescence"

[Anonyme1]

Bonjour,
j'ai repris les même onglet que sur ta capture.
Sans aucun code css (dossier "chrome" et fichier "userChrome.css" supprimer avant le lancement de Firefox 69.0)
3 Onglets lus (Nouvel onglet, Informations de dépannage, Couleur des onglets - Page 2 - Geckozone)
4 Onglets non lus (Firefox Private Network Privacy Notice, Privacy Notice for Firefox for Fire TV and Firefox for Echo Show, Firefox OS Privacy Notice, Options)
lien direct de l'image (grande taille): https://nsa40.casimages.com/img/2019/09 ... 646907.png

A+

[Freddy]

coucou,
Bon ben là je comprend pas trop d'où ça vient,mais on a pas les mêmes attributs et j'ai pas trop l'occasion de chercher,
Encore ça pourrait venir d'une extension qui modifie qqchose, mais sur un profil vierge

Après d'après ta capture, je me demande pourquoi ça ne marche pas avec la proposition que tu as énoncé plus haut,

il semble que [unread] ne soit plus d'actualité, mais est remplacé par [notselectedsinceload="true"] vue sur plusieurs forums d’après ce que j'ai compris.
Peut-être une piste
Le code ci-dessous fonctionne, mais a la condition que lorsque l'on clique sur un onglet dont le texte est en rouge il faut actualiser l'onglet pour qu'il passe en vert (onglet lu).

Code : Tout sélectionner

/* Apparence des onglets non lus */
#TabsToolbar .tabbrowser-tab[notselectedsinceload="true"] {
color: red !important;
font-style: italic !important;
}

Maintenant comment faire pour qu'il passe en vert directement quand l'on clique dessus, sans l'actualiser

Je m'était permis de dire que c'était pas bon, mais parce que chez moi je l'avais pour tous les onglets, et d'ailleurs ça m'est arrivé que cette fois là pcq là il n'apparait plus du tout/jamais...

Par contre du coup je saisi pas trop ça

Le code ci-dessous fonctionne, mais a la condition que lorsque l'on clique sur un onglet dont le texte est en rouge il faut actualiser l'onglet pour qu'il passe en vert (onglet lu).

Si tu ne colle que ce code (désolé moi je peux pas le tester vu que j'ai pas cet attribut) ,à l'ouverture de fx tous les onglets sont rouges, sauf celui sélectionné.
Si tu sélectionne un autre onglet il ne reste plus rouge, et l'ancien sélectionné (donc le lu) n'est plus rouge non plus, non

[Anonyme1]

Bonjour,

Après d'après ta capture, je me demande pourquoi ça ne marche pas avec la proposition que tu as énoncé plus haut,
. . .
Je m'était permis de dire que c'était pas bon, mais parce que chez moi je l'avais pour tous les onglets, et d'ailleurs ça m'est arrivé que cette fois là pcq là il n'apparait plus du tout/jamais...

La cervelle va en prendre un sérieux coup
Si cela peu t'aider: https://nsa39.casimages.com/img/2018/09 ... 480497.jpg .

.

Si tu ne colle que ce code (désolé moi je peux pas le tester vu que j'ai pas cet attribut) ,à l'ouverture de fx tous les onglets sont rouges, sauf celui sélectionné.

Avec Firefox portable 69.0 (profil vierge), avec uniquement le code:

Code : Tout sélectionner

/* Apparence des onglets non lus */
#TabsToolbar .tabbrowser-tab[notselectedsinceload="true"] {
color: red !important;
font-style: italic !important;
}

Non, a l'ouverture de Firefox, il s'ouvre sur l'onglet "Nouvel onglet" (normal), mais les deux autres onglets "Informations de dépannage" et "Options" ne sont pas en rouge (donc, considérer comme lu, peut être normal puisqu’il appartiennent a Firefox ).
Lien direct de l'image ci-dessous): https://nsa40.casimages.com/img/2019/09 ... 313877.png



.

Si tu sélectionne un autre onglet il ne reste plus rouge, et l'ancien sélectionné (donc le lu) n'est plus rouge non plus, non

Si je sélectionne un autre onglet, il reste rouge.
Lien direct de l'image ci-dessous): https://nsa40.casimages.com/img/2019/09 ... 173569.png


.
Après actualisation de l'onglet (passe en lu).
Lien direct de l'image ci-dessous): https://nsa40.casimages.com/img/2019/09 ... 544139.png


et reste en lu si je sélectionne un autre onglet.
Lien direct de l'image ci-dessous): https://nsa40.casimages.com/img/2019/09 ... 312036.png


Je ne sais pas s'il existe un forum spécialiser sur le CSS/Firefox
vinces pourrait y poser la question sur le problème
A+

[Freddy]

Ok, ben vu comme ça, je lâche l'affaire
Perso je garde ce code actif chez moi pcq vu le nombre d'onglets ouverts, ça m'est bien pratique finalement

Je verrai plus tard si j'ai 100€ à donner par télépathie dans le cas où mon cerveau me lâche (décidément à Nice la télépathie ça fait des miracles, y en a un qui devait payer ses impôts par télépathie aussi... STOP pas de politique ici )