Perché il pulsante "reply" nelle azioni del post ha un effetto di transizione dello sfondo?

Ciao!

chromexk0yYgh0xq

Non vedo altri pulsanti evidenti che seguano questa scelta di design. Inoltre, il colore del testo non ha una transizione, quindi non sembra molto gradevole.

1 Mi Piace

Quale tema stai usando? Ho effetti su tutti i pulsanti su Meta e Horizon.

@Canapin Che tema è questo? Non riesco a vedere lo stesso effetto su Meta Branded o Foundation.

(@HAWK non ho idea di come abbia perso questo dettaglio anche dopo aver letto il tuo post due volte. Probabilmente non ero ancora del tutto sveglio…)

1 Mi Piace

È il tuo tema; le opzioni del menu laterale nella tua istanza di Discourse mostrano lo stesso comportamento.

A proposito. È bello vedere che la tua comunità di monociclisti sta fiorendo.

Bryan (EndeavourOS)

1 Mi Piace

Ciao, scusa, probabilmente non sono stato chiaro. Sto parlando della transizione di sfondo animata, che non vedo su nessun altro pulsante.

Sto usando Foundation. Accade anche su Meta Branded, ma non su Horizon.

chromeiROpBHVzVg

Oh, forse è così sottile che non l’ho notato. Ho la vista scarsa. Si dissolve mentre gli altri sono piatti?

1 Mi Piace

La transizione è dovuta al fatto che questi elementi di azione diventano leggermente trasparenti quando non sono evidenziati dal cursore. Questo serve a non distogliere l’attenzione dal contenuto stesso.

Potrebbe essere il momento di eliminarli e utilizzare semplicemente colori più chiari qui, invece di impostazioni di opacità.

Ah, capisco, in realtà non ci serve comunque la proprietà di transizione dello sfondo qui… Penso che fosse un residuo di quando il pulsante di risposta aveva un colore di sfondo di default?

L’opacità può rimanere per l’hover del post, rendendo il pulsante di risposta più scuro, non dà fastidio qui.

2 Mi Piace

Non sono sicuro di aver capito, quindi nel caso la mia domanda potesse essere formulata come “perché il pulsante di risposta è animato al passaggio del mouse” mentre nessun altro pulsante apparentemente lo è? Inoltre, solo lo sfondo viene animato al passaggio del mouse, non il testo, il che sembra strano.

Deriva dalla classe .fade-out che sovrascrive la transizione predefinita (impostata su none).


modifica: beh, Kris ha risposto mentre stavo scrivendo. Grazie! :laughing:

1 Mi Piace

Ho letto la correzione e sembra che risolva il problema dell’animazione di dissolvenza (fade) del testo, ma non sono ancora sicuro di aver capito bene.
La mia domanda principale rimane senza risposta, a meno che non mi stia sfuggendo qualcosa: perché questo pulsante è animato con la proprietà transition mentre gli altri no?

Se l’animazione al passaggio del mouse su questo pulsante di risposta è voluta, allora va bene! :smile: Mi sembra un po’ strana perché sembra essere l’unico pulsante animato al passaggio del mouse. Avevo pensato che fosse qualcosa che avrebbe dovuto essere rimosso, ma che era stato trascurato per errore :slight_smile:

La classe “fade-out” viene aggiunta al pulsante di risposta con una etichetta. Se non sbaglio, penso che Canapin chieda se questa incoerenza rispetto agli altri pulsanti sia intenzionale.

1 Mi Piace

È questo. Grazie per aver chiarito il punto che sto sollevando!

Serve a richiamare l’attenzione sul pulsante “Rispondi” nel post su cui si passa il mouse: è un comportamento molto vecchio, che penso fosse più marcato e si applicasse a tutti i controlli ai tempi della versione 1.0.

È ancora aperto il dibattito se sia necessario mantenerlo, ma mi piace questa sottile differenziazione.

2 Mi Piace