[Résolu] Barres d'onglets sur plusieurs lignes - HELP!

[leroimerlinbis]

Salut forum

J'essaye de rétablir la barre d'onglets sur plusieurs lignes, c'était possible facilement avant la v57.
J'ai trouvé un code à mettre dans userchrome.css qui marche presque parfaitement.
Ici :

https://raw.githubusercontent.com/MrOth ... w_tabs.css

Le résultat :



Le seul problème pour moi, c'est qu'il n'y a pas de trait de séparation entre les onglets, donc ça fait un peu brouillon.
J'aimerais avoir quelque chose comme ceci pour séparer les onglets :



Est-ce que c'est faisable?
Comment??
Parce que je n'y arrive passsssssssssssssssssssss



J'en profite pour partager mon userchrome.css :

https://pastebin.com/pA56nMHs

Vous avez une grande partie du résultat dans la capture d'écran au dessus.

Et mon fichier usercontent.css :

https://pastebin.com/XbMN8wUR

Qui me sert uniquement pour condenser l'affichage de la liste des modules installés :



Et merci si vous avez la réponse à ma question du début

[Cucurbitacé]

Bonsoir,

À l’ordinaire, c’est plutôt > de ce côté-là < qu’il faut repiquer le code css.

=> Onlget sur plusieurs lignes. <= (tabs multiple lines)

Bien à vous.

[leroimerlinbis]

merci mais ça donne le même résultat que le code que j'ai trouvé : pas de séparation entre les onglets.

[Freddy]

bonjour,

essaies en ajoutant cette règle

Code : Tout sélectionner

#tabbrowser-tabs .tabbrowser-tab {
border-left-width: 1px !important;
border-left-style: solid; }

[leroimerlinbis]

bonjour,

essaies en ajoutant cette règle

Code : Tout sélectionner

#tabbrowser-tabs .tabbrowser-tab {
border-left-width: 1px !important;
border-left-style: solid; }

Salut,

oh purée c'est quasiment parfait!!!!!
MERCI!

Il manque simplement une séparation à droite sur le dernier onglet à droite :



merci à toi, c'est quasiment parfait!

[leroimerlinbis]

Eurekaaaaaaaa!!!!!!!!!!!!!!!!!!!!!

C'est presque bon!
Voilà le résultat après pas mal de bidouilles dans userchrome.css :




Et en mode fenêtré j'affiche la barre personnelle avec quelques raccourcis :




Il manque simplement une séparation à la fin du dernier onglet sur chaque ligne.
un détail mais bon!
si quelqu'un a une idée, je prends!

merci

[Cucurbitacé]

Bonjour,

Pour le dernier onglet sur la droite, je pense que cela vient de la croix, qui elle indique un nouvel onglet.
La différence, c’est que tabbrowser-tabs s’utilise pour les onglets qui chargent des pages Internet, alors que la croix crée un onglet.

C’est peut-être une erreur de ma part, mais je dirais qu’il faut essayer avec : .tabs-newtab-button ; et lui mettre des bordures : border.

Ou alors mettre des bordures aussi à droite, donc ajouter à tabbrowser-tabs : border-right.
border-left = bordure de gauche.
border-right = bordure de droite.
border-above = bordure du-dessus.

Cela donnerait un truc du genre :

Code : Tout sélectionner

#tabbrowser-tabs .tabbrowser-tab {
border-left-width: 1px !important;
border-left-style: solid;
border-right-width: 1px !important;
border-right-style: solid; }

Je vous signale juste que dans le lien que je vous ai mis plus haut, cela était indiqué.
=> default tabs tab border <=

> userChrome.css < par Aris-t2 ; chaque nom de répertoire indique ce sur quoi le userChrome.css agit. À l’intérieur de chaque répertoire, le nom de fichier indique ce qu’il fait. C’est certes en anglais.
Onglets = tabs.

Si vous allez sur le lien du dessus [userChrome.css par Aris-t2] , en haut à droite, vous avez : search ; si vous connaissez le nom en anglais de la fonction, mettez là, lancez la recherche et tous les fichiers userChrome.css contenant votre commande de style apparaitrons.

Bien à vous.

[leroimerlinbis]

merci!

J'ai résolu le problème de bordures des onglets avec ceci :

Code : Tout sélectionner

/* Barre d'onglets - bordure droite et gauche */
    #tabbrowser-tabs .tabbrowser-tab {
        border-left-width: 1px !important;
        border-left-style: outset;
        border-right-width: 1px !important;
        border-right-style: outset;
    }

/* Barre d'onglets - bordure en bas et en haut */
    .tabs-newtab-button,
    .tabbrowser-tab {
          border-top: 0px solid var(--tabs-border-color) !important;
          border-bottom: 1px outset var(--tabs-border-color) !important;
    }

j'ai trouvé la valeur "outlet" complètement par hasard en essayant de mettre autre chose que "solid" pour avoir une bordure plus fine.
Ce qui est le cas avec la valeur "outlet".

Le résultat :



J'ai juste une marge de 25 - 30 pixels environ à droite des barres d'onglets mais j'arriverai à la supprimer.
ce n'est pas très gênant.
sinon c'est le résultat que je voulais

merci encore aux intervenants

[Bob49]

Salut

J'ai pas pris le temps de tester tes arrangements, mais à tout hasard si tu enlèves la croix (remplacé par Ctrl +T pour moi depuis 2006... ), la marge des 25 -30 px ne disparait pas ?

[leroimerlinbis]

Salut

J'ai pas pris le temps de tester tes arrangements, mais à tout hasard si tu enlèves la croix (remplacé par Ctrl +T pour moi depuis 2006... ), la marge des 25 -30 px ne disparait pas ?

Salut,

merci, c'est bien pensé

j'ai eu la même idée et la réponse est non.
ça serait trop simple!
ça semble être une question de marge quelque part mais dur de trouver ou...

le code complet de mon userchrome :

https://pastebin.com/UYmeTXH2

[Anonyme1]

Bonjour,
Dans la barre d'adresse de Firefox, saisir about:config puis appuyez sur Entrée du clavier.
La page d'avertissement « Attention, danger ! » doit apparaître. Cliquez sur Je prends le risque pour accéder à la page « about:config ».
En haut dans "Rechercher" écrire browser.tabs.tabMinWidth
faire un double clic sur la ligne browser.tabs.tabMinWidth et mettre la valeur entre 160 et 180 me parait un bon compromis pour ajuster les onglets
Arrêt Firefox et redémarrer Firefox.
A+

[leroimerlinbis]

Bonjour,
Dans la barre d'adresse de Firefox, saisir about:config puis appuyez sur Entrée du clavier.
La page d'avertissement « Attention, danger ! » doit apparaître. Cliquez sur Je prends le risque pour accéder à la page « about:config ».
En haut dans "Rechercher" écrire browser.tabs.tabMinWidth
faire un double clic sur la ligne browser.tabs.tabMinWidth et mettre la valeur entre 160 et 180 me parait un bon compromis pour ajuster les onglets
Arrêt Firefox et redémarrer Firefox.
A+

merci mais non, c'est pas ça.
les valeurs largeur minimale et maximale sont fixées dans le CSS dans userchrome.

[leroimerlinbis]

Bonjour,
Dans la barre d'adresse de Firefox, saisir about:config puis appuyez sur Entrée du clavier.
La page d'avertissement « Attention, danger ! » doit apparaître. Cliquez sur Je prends le risque pour accéder à la page « about:config ».
En haut dans "Rechercher" écrire browser.tabs.tabMinWidth
faire un double clic sur la ligne browser.tabs.tabMinWidth et mettre la valeur entre 160 et 180 me parait un bon compromis pour ajuster les onglets
Arrêt Firefox et redémarrer Firefox.
A+

Finalement tu étais dans le vrai!
J'ai modifié les largeurs minimales et maximales des onglets dans le CSS et c'est bon!
Du moins c'est une des solutions possibles.



Merci!

Problème résolu, sujet clos.
Merci aux intervenants.