Page 1 sur 1

modification code CSS pour afficher le panneau latéral au passage de la souris

Publié : 19 nov. 2022, 15:03
par Anonyme1
Bonjour,
Pour ceux qui utilisent le code CSS pour afficher le panneau latéral au passage de la souris.
L'ancien code CSS (ci-dessous) pour (ouvrir) afficher du panneau latéral au passage de la souris ne fonctionne plus avec Firefox 107.0

Code : Tout sélectionner

/* Affichage du panneau latéral au passage de la souris */
#sidebar-box {
overflow: hidden !important;
min-width: 0px !important;
max-width: [b]250[/b]px !important;
}

:root {
--sidebar-hover-width: 5px;
--sidebar-visible-width: [b]250[/b]px;
}

#sidebar-box {
position: relative !important;
overflow-x: hidden !important;
left: var(--sidebar-hover-width) !important;
min-width: var(--sidebar-hover-width) !important;
max-width: var(--sidebar-hover-width) !important;
}

#sidebar-box:hover {
left: var(--sidebar-visible-width) !important;
min-width: 250px !important;
transition-duration: 1s !important;
}
/* Fin - Affichage du panneau latéral au passage de la souris */
Pour le faire fonctionner j'ai supprimé la ligne → position: relative !important;
Ce qui donne:

Code : Tout sélectionner

/* Panneau latéral Marque-pages caché (afficher au passage de la souris) */
    #sidebar-box {
        overflow: hidden !important;
        min-width: 0px !important;
        max-width: [b]250[/b]px !important;
    }

:root {
  --sidebar-hover-width: 5px;
  --sidebar-visible-width: [b]250[/b]px;
}

#sidebar-box {
  overflow-x: hidden !important;
  left: var(--sidebar-hover-width) !important;
  min-width: var(--sidebar-hover-width) !important;
  max-width: var(--sidebar-hover-width) !important;
  transition-duration: 1s !important;
}

#sidebar-box:hover {
  left: var(--sidebar-visible-width) !important;
  min-width: 300px !important;
  transition-duration: .0.1s !important;
}
/* fin Panneau latéral Marque-pages caché (afficher au passage de la souris) */
A+ :wink:

Re: modification code CSS pour afficher le panneau latéral au passage de la souris

Publié : 19 nov. 2022, 22:29
par galoupia
Bonsoir
Chez moi les panneaux latéraux fonctionnent

Image

Re: modification code CSS pour afficher le panneau latéral au passage de la souris

Publié : 20 nov. 2022, 14:22
par Anonyme1
Bonjour,
Salut galoupia
Le code est fait pour que le panneau latéral s'ouvre automatiquement quand tu mets le pointeur de la souris sur le bord gauche de l'écran de Firefox, comme le code pour ouvrir la barre perso qui s'ouvre au passage de la souris.
A+ :wink:

Re: modification code CSS pour afficher le panneau latéral au passage de la souris

Publié : 21 nov. 2022, 13:10
par galoupia
Salut GlopGlop
Excuse moi pour ce post infondé ,mal interpréter ta phrase "Pour ceux qui utilisent le code CSS pour afficher le panneau latéral au passage de la souris." je touche pas au ccs ,je viens de voir qu'il est possible de le travailler par l'inspecteur ....
Si tu veux supprimer mon post tu peux .
Bonne journée

Re: modification code CSS pour afficher le panneau latéral au passage de la souris

Publié : 21 nov. 2022, 16:29
par Anonyme1
Salut galoupia
Pas de problème, ta question peut effectivement lever un doute pour ceux qui ce pose la question sur le fonctionnement du panneau latéral avec le code CSS.
A+ :wink: