Page 1 sur 1

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

Publié : 14 juil. 2019, 12:19
par leroimerlinbis
Salut forum :mrgreen:

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 :

Image

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 :

Image

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



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 :

Image

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

Re: Barres d'onglets sur plusieurs lignes - HELP!

Publié : 14 juil. 2019, 21:39
par 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.

Re: Barres d'onglets sur plusieurs lignes - HELP!

Publié : 15 juil. 2019, 10:34
par leroimerlinbis
merci mais ça donne le même résultat que le code que j'ai trouvé : pas de séparation entre les onglets.

:(

Re: Barres d'onglets sur plusieurs lignes - HELP!

Publié : 15 juil. 2019, 18:23
par 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; }

Re: Barres d'onglets sur plusieurs lignes - HELP!

Publié : 15 juil. 2019, 18:50
par leroimerlinbis
Freddy a écrit : 15 juil. 2019, 18:23 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 :

Image

merci à toi, c'est quasiment parfait!

Re: Barres d'onglets sur plusieurs lignes - HELP!

Publié : 15 juil. 2019, 19:24
par leroimerlinbis
Eurekaaaaaaaa!!!!!!!!!!!!!!!!!!!!!

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

Image


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

Image


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 :)

Re: Barres d'onglets sur plusieurs lignes - HELP!

Publié : 16 juil. 2019, 00:50
par 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.

Re: Barres d'onglets sur plusieurs lignes - HELP!

Publié : 16 juil. 2019, 12:52
par 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 :

Image

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

Re: Barres d'onglets sur plusieurs lignes - HELP!

Publié : 16 juil. 2019, 13:15
par 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 ?

Re: Barres d'onglets sur plusieurs lignes - HELP!

Publié : 16 juil. 2019, 13:20
par leroimerlinbis
Bob49 a écrit : 16 juil. 2019, 13:15 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é :D

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

Re: Barres d'onglets sur plusieurs lignes - HELP!

Publié : 16 juil. 2019, 13:59
par 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+ :wink:

Re: Barres d'onglets sur plusieurs lignes - HELP!

Publié : 16 juil. 2019, 16:56
par leroimerlinbis
GlopGlop a écrit : 16 juil. 2019, 13:59 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+ :wink:
merci mais non, c'est pas ça.
les valeurs largeur minimale et maximale sont fixées dans le CSS dans userchrome.

Re: Barres d'onglets sur plusieurs lignes - HELP!

Publié : 16 juil. 2019, 21:29
par leroimerlinbis
GlopGlop a écrit : 16 juil. 2019, 13:59 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+ :wink:
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.

Image

Merci!

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