Come posso aggiungere un ritardo all'apertura nell'effetto auto-hide di Floorp per evitare che la barra si apra per sbaglio?

Per aggiungere un ritardo all'apertura ed evitare che la barra si espanda per sbaglio quando muovi il mouse verso il bordo dello schermo, devi impostare una proprietà transition-delay specifica all'interno del blocco :hover.

In CSS, la regola del ritardo funziona in modo asimmetrico:

• transition-delay dentro :hover controlla il ritardo prima dell'apertura.

• transition-delay nel blocco base controlla il ritardo prima della chiusura.

Codice aggiornato per userChrome.css

Sostituisci o aggiorna lo snippet precedente con questo codice:

CSS

/* =========================================================
   Auto-Hide Floorp Sidebar con ritardo all'apertura
   ========================================================= */

/* Stato a riposo (Barra chiusa) */
#sidebar-select-box,
#floorp-bms-sidebar {
  position: relative !important;
  z-index: 100 !important;
  min-width: 5px !important;
  max-width: 5px !important;
  opacity: 0.15 !important;
  
  /* Animazione di chiusura */
  transition: min-width 0.25s ease-in-out, 
              max-width 0.25s ease-in-out, 
              opacity 0.2s ease-in-out !important;
  
  /* RITARDO CHIUSURA: Mantiene la barra aperta per 0.2s dopo che il mouse è uscito */
  transition-delay: 0.2s !important; 
}

/* Stato attivo (Mouse sopra la barra) */
#sidebar-select-box:hover,
#floorp-bms-sidebar:hover {
  min-width: 48px !important;
  max-width: 48px !important;
  opacity: 1 !important;
  box-shadow: 4px 0px 12px rgba(0, 0, 0, 0.35) !important;
  
  /* RITARDO APERTURA: Il cursore deve rimanere sul bordo per 0.35s prima che la barra si apra */
  transition-delay: 0.35s !important; 
}

Come personalizzare i tempi

1. Ritardo di Apertura (0.35s dentro :hover):

   • 0.3s - 0.4s (Consigliato): Ottimo bilanciamento. Richiede un'intenzione chiara (sostare col mouse sul bordo) evitando aperture accidentali mentre muovi il cursore.

   • 0.5s o superiore: Apertura molto cauta, ideale se passi spesso il mouse vicino al bordo.

2. Ritardo di Chiusura (0.2s nel blocco base):

   • Previene la chiusura improvvisa della barra se il mouse "scivola" fuori dal bordo per un istante mentre selezioni un'icona.

Ricorda di salvare il file userChrome.css e riavviare Floorp per rendere effettive le modifiche.