Problème de clic dans la multibarre

[Katalamiko]

Bonjour,
J'ai une multibarre qui fait 3 lignes.
Pas de soucis pour cliquer sur les icônes des lignes 2 et 3.
Sur la ligne 1, il faut bien viser le cinquième inférieur de l'icône sinon ça ne fonctionne pas (il n'y a pas non plus de fond gris foncé lorsque l'on passe la souris sur la partie supérieur)
ça fonctionne normalement au début quand je lance firefox mais au bout de 10/15 minutes rebelote.....

Firefox à jour 108.0.1

Merci

[Agent virtuel]

Bonjour

Et ? avec ce code https://mrotherguy.github.io/firefox-cs ... w_tabs.css

[Katalamiko]

Non cela supprime la multibarre (je n'ai plus qu'une seule ligne)

[Anonyme1]

Bonjour,
Il serait bien que tu donnes ton code CSS dans ton message pour faire le test.

J'ai une multibarre qui fait 3 lignes.

Tu veux dire une barre (barre personnelle) qui fait 3 lignes (Barre personnelle multiligne)

Voici un code Barre personnelle multiligne:

Code : Tout sélectionner

/* Makes bookmarks toolbar span multiple rows */

#PersonalToolbar{
  --multirow-bmb-n-rows: 3; /* Control how many rows are shown before scrolling */
  --multirow-bmb-row-margin: 2px; /* Control how much spacing is between rows */
  max-height: none !important;
}

#PlacesToolbar > hbox:not(#PlacesToolbarDropIndicatorHolder){ 
  display: block;
  width: 100vw;
}

#PlacesToolbarItems{
  display: flex;
  flex-wrap: wrap;
  /* --uc-bm-padding is defined in autohide_bookmarks_toolbar.css */
  max-height: calc(var(--multirow-bmb-n-rows) * (4px + 1em + (2 * (var(--multirow-bmb-row-margin) + var(--uc-bm-padding,var(--bookmark-block-padding)))))) !important;
  overflow-y:auto;
  scrollbar-color: var(--lwt-accent-color) var(--toolbar-bgcolor) ;
  scrollbar-width: thin;
}

/* Hide the all-bookmarks button */
#PlacesChevron{ display: none }

/* Add some spacing between rows */
#PlacesToolbarItems > .bookmark-item{
  margin: var(--multirow-bmb-row-margin) 3px !important;
  visibility: visible !important; /* Just in case they would be hidden for some reason */
}

Si tu veux de la couleur:
Couleur de la barre:

Code : Tout sélectionner

background-color: ivory ! important;

Couleur du texte:

Code : Tout sélectionner

color: maroon !important;

Code complet avec la couleur (que tu peux changer (maroon et ivory) en fonction de tes choix).

Code : Tout sélectionner

/* Makes bookmarks toolbar span multiple rows */

#PersonalToolbar{
  --multirow-bmb-n-rows: 3; /* Control how many rows are shown before scrolling */
  --multirow-bmb-row-margin: 2px; /* Control how much spacing is between rows */
  max-height: none !important;
  color: maroon !important;
  background-color: ivory ! important;
}

#PlacesToolbar > hbox:not(#PlacesToolbarDropIndicatorHolder){ 
  display: block;
  width: 100vw;
}

#PlacesToolbarItems{
  display: flex;
  flex-wrap: wrap;
  /* --uc-bm-padding is defined in autohide_bookmarks_toolbar.css */
  max-height: calc(var(--multirow-bmb-n-rows) * (4px + 1em + (2 * (var(--multirow-bmb-row-margin) + var(--uc-bm-padding,var(--bookmark-block-padding)))))) !important;
  overflow-y:auto;
  scrollbar-color: var(--lwt-accent-color) var(--toolbar-bgcolor) ;
  scrollbar-width: thin;
}

/* Hide the all-bookmarks button */
#PlacesChevron{ display: none }

/* Add some spacing between rows */
#PlacesToolbarItems > .bookmark-item{
  margin: var(--multirow-bmb-row-margin) 3px !important;
  visibility: visible !important; /* Just in case they would be hidden for some reason */
}

A+

[Katalamiko]

Merci ça marche
Qu'est ce que je dois changer au code si je veux mettre 4 lignes ou plus?
Merci

[lool_lauris]

Salut,

Qu'est ce que je dois changer au code si je veux mettre 4 lignes ou plus?

Eh franchement, que tu viennes demander de l'aide parce que tu ne sais pas faire tellle ou telle chose, c'est tout à fait normal ; mais il faut aussi se bouger un peu les neurones !
Si tu avais pris 2 minutes pour lire le code qui t'a été donné tu aurais pu trouver par toi-même. Donc tu as demandé un code pour afficher 3 lignes de la barre personnelle et il t'a été communiqué ceci (je te mets juste l'essentiel) :

Code : Tout sélectionner

/* Makes bookmarks toolbar span multiple rows */

#PersonalToolbar{
  --multirow-bmb-n-rows: 3; /* Control how many rows are shown before scrolling */
  --multirow-bmb-row-margin: 2px; /* Control how much spacing is between rows */
  max-height: none !important;
}

Tu peux certainement lire le chiffre 3 à côté du paramètre multirow-bmb-n-rows !? Et que ce passerait-il si tu remplaçais ce 3 par 4 ?..

[Katalamiko]

Merci

[Anonyme1]

Bonjour,
Comme la Barre personnelle prend beaucoup de place a l'écran, il est possible de la cachée et de l'afficher au passage de la souris dessus et scrollable.
Voici le code que tu peux ajouter à la suite de ton Code CSS.
Il est ajusté pour que seul la première ligne soit visible et que tu conserves 4 lignes visible (barre ouverte et scrollable)

Code : Tout sélectionner

/* Barre personnelle cachée (afficher au passage de la souris) */
/* Première ligne visible et barre ouverte 4 lignes visible et scrollable */
#PersonalToolbar {
background: #F9F9FA !important;
font-family: Times, sans-serif !important;
font-size: 13px !important;
color: #000 !important;
height: 6px !important;
min-height: 20px !important;
max-height: 6px !important;
transition-duration: 0.3s !important;
padding:0;
z-index: 100 !important;
}
/* Barre personnelle affichée en hover */
#PersonalToolbar:hover{
background: #f9f9fa !important;
height: 43px !important;
min-height: 90px !important;
max-height:43px !important;
transition-duration: 1s !important;
padding: 2px 2px;
box-shadow: 1px 1px 2px #000 !important;
}
/* Fin Barre personnelle cachée (afficher au passage de la souris) */

A+