help request on "userChrome" file for TB 115.2.2

Pluie77

Hello everyone

I'm French so I don't speak German and my English is not perfect. Be indulgent.

Like others I have code which worked in TB 102 and which does not work in TB115 (Supernova)

CSS

To have rounded tabs
.tab-background {
border-radius: 18px 18px 0px 0px !important; border-image: none !important;
}
.tab-line {
display: none;
}


To Change the color of text associated with icons (put in the toolbar)
[label="Relever"] {
color:#008000 !important;
font-weight: bold !important;
/ background-color:#00ffff !important; */
}

[label="Envoyer"] {
color:#0000FF !important;
font-weight: bold !important;
/ background-color:#00ffff !important; */
}

[label="Écrire"] {
color:#FF0000 !important;
font-weight: bold !important;
}

Alles anzeigen

Thanks for all

Best regards

Bastler

Zitat von Pluie77

I'm French

Hello,

so i think, the best helper for you is Mapenzi . Maybe this post can trigger to himself.

Mapenzi

Bonjour,

teste les codes CSS suivant dans ton fichier userChrome.css

CSS

.tab-background {
  border-radius: 16px 16px 10px 10px !important; }

.tab-line {
display: none;
}

.get-messages  {
  color:#008000 !important;
font-weight: bold !important;
background-color:#00ffff !important; 
}

.write-message  {
  color:#FF0000 !important;
font-weight: bold !important;

#button-send {
  color:#0000FF !important;
font-weight: bold !important;
 background-color:#00ffff !important;  
}
}

Alles anzeigen

Pour des onglets "ronds" il faut jongler aves les pixel.

Chez moi dans la version macOS de TB 115 cela se présente comme suit

milupo

Pluie77 For your information: the label attribute doesn't exist anymore for the Écrire and Relever buttons. For the Envoyer button it still exists. But using the ID button-send proposed by Mapenzi is better.

Road-Runner

Zitat von Mapenzi

Bonjour,
teste les codes CSS suivant dans ton fichier useChrome.css

Attention faute de frappe: le fichier s'appelle userChrome.css et non useChrome.css

Pluie77

Bonjour Mr Mapenzi

Merci beaucoup pour votre aide, je vous écrit en Français car visiblement vous le comprenez très bien.

Pour l'instant votre code ne fonctionne pas , pour les onglets j'ai mis des valeurs extrêmes, rien ne change.

Pour les différents boutons cela ne fonctionne pas.

Autre problème (Bug de thunderbird)

Lorsque que j'ai fait la Mise à jour en V115.2.2, tous mes anciens messages ont perdu leur police d'origine pour une police unique.

j'en suis sur car j'ai un PC de sauvegarde ou je n'ai pas encore fait la mise à jour de TB et donc je peux aisément comparer. Êtes vous au courant ?

Je vous joint mon fichier "userChrome.css" (peut être y a t-il une erreur). Je l'ai mis en .txt

Bien cordialement

Mapenzi

Zitat von Road-Runner

Attention faute de frappe

Merci ! Je vais la corriger sur-le-champ.

Mapenzi

Zitat von Pluie77

Pour l'instant votre code ne fonctionne pas , pour les onglets j'ai mis des valeurs extrêmes, rien ne change.

Ça me surprend car je viens de re-tester ce même code dans un autre profil où il fonctionne également. Pour mieux distinguer les onglets j'ai rajouté une couleur de fond

CSS

 @namespace html url("http://www.w3.org/1999/xhtml");

.tab-background {
  border-radius: 16px 16px 10px 10px !important;
 background-color: lightblue !important; }

.tab-line {
display: none;
}

.get-messages  {
  color:#008000 !important;
font-weight: bold !important;
background-color:#00ffff !important; 
}

.write-message  {
  color:#FF0000 !important;
  font-weight: bold !important; 
}

#button-send {
  color:#0000FF !important;
font-weight: bold !important;
 background-color:#00ffff !important;  
}

Alles anzeigen

En fait dans mon message #3 j'avais oublié un crochet fermant dans un des codes CSS mais le(s) code(s) fonctionne(nt) tout de même chez moi. Pour l'instant je n'ai donc aucune explication pour votre échec.

Dans une telle situation je fais toujours un nouvel essai en testant à nouveau ce même code mais après avoir enlevé tous les autres codes CSS du fichier userChrome.css.

A propos du deuxième problème (bug ?) je répondrai ultérieurement dans un autre message après avoir testé votre userChrome.

milupo

Pluie77 Est-ce-que tu utilises un autre profil pour TB 115 que pour TB 102? Dans ce cas tu dois peut-être mettre le paramètre toolkit.legacyUserProfileCustomizations.stylesheets à true dans l'Éditeur de configuration.

Menu Outils --> Paramètres --> Général --> Éditeur de configuration… (en bas sur l'onglet Général).

Pluie77

Hello Milupo, Hello Mapenzi

Le paramètre toolkit.legacyUserProfileCustomizations.stylesheets est bien à true

J'ai essayé avec un code minimal (juste vos instructions) et ça marche.

Moralité, il y a une erreur dans mon code global, je vais essayer pas à pas.

Cordialement

Pluie77

Hello Milupo, Hello Mapenzi

J'ai refais les tests pas à pas et j'ai trouvé l'erreur (Un crochet fermant manquant juste avant les instructions fournies par Mapenzi). Pas de chance.

Je laisse le fil ouvert, car je vais encore peaufiner l'habillage (et donc j'aurais surement d'autres questions)

Ou peut -on trouver la " nomenclature" de ces différents objets et comment en modifier l'apparence ?

Je suis toujours très intéressé par l'analyse de Mapenzi sur la mise à jour.

Cordialement

Mapenzi

Zitat von Pluie77

Je vous joint mon fichier "userChrome.css" (peut être y a t-il une erreur). Je l'ai mis en .txt

J'ai vérifié tous les codes de ce ficher à l'exception des codes du menu contextuel du clic D sur un message.

Il y avait plusieurs erreurs qui ne sont pas évidentes à première vue.

Concernant le nombre de pixel pour font-size ou height ou width etc : il ne faut jamais mettre un point entre le nombre et px comme par exemple 18.px car cela invalide le code. Il faut utiliser 18px tout court, sans point. En revanche pour les décimales on va mettre un point avant les dixième comme en 18.5px

Pour quelques uns des boutons j'ai appliqué leur nouvelle l'identité.

Je n'ai aucune idée pourquoi mon code pour "arrondir" les angles des onglets rectangulaires ne marche pas chez toi. Ici i fonctionne dasn deux profils différents de TB 115.

Voici le contenu de ton fichier userChrome.css revu et corrigé

CSS

 @namespace html url("http://www.w3.org/1999/xhtml");

/* ---Volet des dossiers--- */
#folderPane .container  {
height: 22px !important;
/* font-family: Tahoma !important; */
font-size: 12px !important;
}

/* ---Taille des icônes--- */

#folderTree .icon {
appearance: none !important;
transform: scale(1.0, 1.0) !important;
}

/* ---Volet des messages-- */
tr[is="thread-row"] {
height: 22px !important;
  font-size: 12px !important; 
/* font-weight: bold !important; */
/* font-family: Californian FB; */
}

/* Couleur des messages non lus */
#threadTree tbody [data-properties~="unread"] {
color: #0000FF !important;
font-style: italic;
font-weight: bold !important;
/*font-size: 13px !important; */
 }

/* Modifier couleur texte du bouton Supprimer */
   [label="Supprimer"] {
   color:#FF0000 !important;
   font-weight: bold !important;
}

[label="Supprimer le message"] {
   color:#FF0000 !important;
   font-weight: bold !important;
  }

[label="Supprimer les messages sélectionnés"] {
   color:#FF0000 !important;
   font-weight: bold !important;
 }

/* Modifier couleur texte du bouton Répondre */
  .reply {
   color:#008000 !important;
   font-weight: bold !important;
}

.mark-as {
   color:#008000 !important;
   font-weight: bold !important; }

.write-message  {
  color:#FF0000 !important;
font-weight: bold !important;
 }

#button-send {
  color:#0000FF !important;
 font-weight: bold !important;
 background-color:#00ffff !important;  
}

.get-messages  {
  color:#008000 !important;
  font-weight: bold !important;
  background-color:#00ffff !important; 
}


/* remettre l'arrondi des onglets  */
  .tab-background { 
   border-radius: 10px 10px 6px 6px !important; } 

 .tab-line { 
 display: none; 
} 

/* Suppression Items menu Clic Droit sur Message" */

[label="Ouvrir dans un nouvel onglet"] { display: none !important  }
[label="Ouvrir dans une nouvelle fenêtre"] { display: none !important  }
[label="Ouvrir le message dans la discussion"] { display: none !important  }
[label="Ignorer la discussion"] { display: none !important  } 
[label="Ignorer le sous-fil de discussion"] { display: none !important  } 
[label="Surveiller la discussion"] { display: none !important  } 
[label="Répondre à tout le monde"] { display: none !important  } 
[label="Répondre à la liste"] { display: none !important  } 
[label="Transférer au format"] { display: none !important  }
[label="Modifier comme un nouveau message"] { display: none !important  }
[label="Convertir en"] { display: none !important  }

Alles anzeigen

Bastler

Zitat von Mapenzi

/* Suppression Items menu Clic Droit sur Message" */

Hallo,

in dem Block fehlt überall hinter !important das Semikolon.

Mapenzi

Zitat von Bastler

in dem Block fehlt überall hinter !important das Semikolon.

Guter Hinweis. Leider funktioniert der Code auch nicht mit Semikolon...

milupo

Man kann die Selektoren der Zeilen 87 - 97 auch durch Komma getrennt zusammenfassen, dann braucht man nur einmal display: none !important; schreiben.

dharkness21

Zitat von Mapenzi

@namespace html url("http://www.w3.org/1999/xhtml");

Hm, wird das wirklich noch gebraucht? Ich habe das in keinem meiner CSS-Dateien und alle funktionieren ohne die geringsten Problem.

dharkness21

Zitat von Mapenzi

Guter Hinweis. Leider funktioniert der Code auch nicht mit Semikolon...

Siehe meine vorherige Antwort, könnte es daran liegen?

Pluie77

Hello Mapenzi

Comme je vous l'ai dit j'ai refait des essais pas à pas et tout fonctionne. J'ai aussi récupéré votre code, c'est OK

Je laisse le fil ouvert, car je vais encore peaufiner l'habillage (et donc j'aurais surement d'autres questions):

Comment supprimer totalement les menus "Aller à" , "Messages", "Évènements et taches"

Ou peut -on trouver la " nomenclature" de ces différents objets et comment en modifier l'apparence ?

Je suis toujours très intéressé par votre analyse sur la mise à jour et la perte des polices.

que veut dire l'instruction que je n'avais pas ?

Code

@namespace html url("http://www.w3.org/1999/xhtml");

Cordialement

milupo

Mapenzi So wie ich das sehe, hat jeder der Kontextmenüeinträge eine ID. Warum nimmst du nicht die? Mit dem Label-Attribut sollte es aber ebenfalls funktionieren.

milupo

Zitat von Pluie77

Comment supprimer totalement les menus "Aller à" , "Messages", "Évènements et taches"

Pourquoi supprimer?

help request on "userChrome" file for TB 115.2.2

graba 22. September 2023 um 16:26

Thunderbird 138.0.1 veröffentlicht

Thunderbird 128.10.1 ESR veröffentlicht