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

Vos requêtes concernant Mozilla Firefox, le navigateur Gecko alternatif, ne trouvèrent point de réponses lorsque vous cherchâtes ? Toute l'équipe Geckozone est prête à vous aider.

Modérateurs : Mori, myahoo, jpj, nico@nc

Répondre
GlopGlop
Varan
Messages : 1320
Enregistré le : 05 juil. 2006, 15:54

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

Message par GlopGlop » 28 mars 2019, 16:13

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+ :wink:
Modifié en dernier par GlopGlop le 30 mars 2019, 13:39, modifié 1 fois.
Vous venez chercher de l'aide, alors aider les autres, penser à marquer votre message en [Résolu]
Comment ?, Explication pour mettre votre sujet en [Résolu]: clic sur ce lien: Mettre en [Résolu]

pat-san
Gecko
Messages : 67
Enregistré le : 28 févr. 2019, 14:56

Re: Afficher Barre personnelle au survole de la souris

Message par pat-san » 28 mars 2019, 17:12

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

GlopGlop
Varan
Messages : 1320
Enregistré le : 05 juil. 2006, 15:54

Re: Afficher Barre personnelle au survole de la souris

Message par GlopGlop » 28 mars 2019, 18:24

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

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+ :wink:
Vous venez chercher de l'aide, alors aider les autres, penser à marquer votre message en [Résolu]
Comment ?, Explication pour mettre votre sujet en [Résolu]: clic sur ce lien: Mettre en [Résolu]

Répondre

Qui est en ligne

Utilisateurs parcourant ce forum : Aucun utilisateur enregistré et 14 invités