Afficher Barre personnelle sur plusieurs lignes au survole de la souris (Firefox 66) [Résolu]

[Anonyme1]

Bonjour,
Plusieurs pseudos ont ouvert un sujet sur la barre personnelle sur plusieurs lignes.
Après une recherche sur le forum, j'ai trouvé pour Firefox 66, le code de Freddy viewtopic.php?p=883591#p883591, qui fonctionne.
il serait bon de pouvoir afficher la barre personnelle au passage de la souris, pour ceux qui ont un grand nombre de lignes, ceci afin de garder le maximum de l'écran.
j'ai donc bidouillé (puisque, aucune notion de CSS) à partir du code de Freddy et d'un autre bout de code, voici donc le code:

Code : Tout sélectionner

/*===== Barre personnelle multilignes =====*/

#PlacesToolbarItems {
   display: block !important;
  overflow: visible !important;
}


/* Barre personnelle cachée */
#PersonalToolbar {
min-height: 1px !important;
max-height: 1px !important; 
transition-duration: 1s !important; 
}

#navigator-toolbox:hover #PersonalToolbar { 
  max-height:200px !important; 
  transition-duration: 3s !important; 
}

Ce code fonctionne pour afficher la Barre personnelle sur plusieurs lignes et au passage de la souris.
Le problème est le suivant:
la Barre personnelle s'affiche aussi lorsque l'on pointe la souris sur la Barre de menu, ou lorsque l'on pointe la souris sur la croix pour ouvrir un nouvel onglet
Comment empêcher cela
A+

[pat-san]

Bonjour,

J'avais aussi testé ce code mais j'avais lu sur r/firefoxcss des utilisateurs faisant la même remarque.
A part augmenter transition-duration et faire passer assez vite la souris au dessus de la barre personnelle pour pas qu'elle ne se déroule, c'était la seule solution proposée malheureusement.

J'ai opté pour une solution plein écran, en configurant les barres d'onglets, d'outils et personnelle pour qu'elles soient affichées ou masquées automatiquement (clic droit sur barre d'onglets ou outils affiche une option pour afficher/masquer).

Code : Tout sélectionner

/*
   Override hiding of Bookmarks Toolbar in F11 full screen
   when you roll down the tabs/main toolbar 
*/
#navigator-toolbox[inFullscreen="true"] #PersonalToolbar {
  visibility: unset !important;

+ browser.fullscreen.autohide;false dans about:config

Voilà, avec ça, tout s'affiche ou se masque automatiquement en plein écran.

[Anonyme1]

Bonjour,
@ pat-san
Solution qui peut être intéressante pour ceux qui utilise le plein écran.

Il semble que j'ai trouvé une solution en fouillant sur le forum, une explication de Mapenzi sur les Barres #navigator-toolbox qui englobe toutes les barres viewtopic.php?p=871743#p871743
J'ai donc modifié le code.
Ce qui donne:
Pour ne laisser que la première ligne apparente de la Barre personnelle et affichage sur plusieurs lignes au survol de la souris:

Code : Tout sélectionner

/*===== Barre personnelle multilignes =====*/

#PlacesToolbarItems {
   display: block !important;
  overflow: visible !important;
}


/* Barre personnelle cachée */
#PersonalToolbar {
max-height: 5px !important; 
transition-duration: 1s !important; 
}

#PersonalToolbar:hover{ 
  max-height:200px !important; 
  transition-duration: 1s !important; 
}

Barre cachée et affichage sur plusieurs lignes au survol de la souris:

Code : Tout sélectionner

/*===== Barre personnelle multilignes =====*/

#PlacesToolbarItems {
   display: block !important;
  overflow: visible !important;
}


/* Barre personnelle cachée */
#PersonalToolbar {
min-height: 1px !important;
max-height: 1px !important; 
transition-duration: 1s !important; 
}

#PersonalToolbar:hover { 
  max-height:200px !important; 
  transition-duration: 3s !important; 
}

Il est possible de jouer sur l'espace de la barre "min-height"
avec le chiffre devant px: Exemple: min-height: 3px !important;

Et les durées d'ouverture et fermeture "transition-duration"
devant le s: Exemple: transition-duration: 3s !important; ou transition-duration: 5s !important;
A+