[quote=“Jarek Radosz, post:28, topic:285364, username:cvx”]
(e non è la stessa icona a chevron? :occhi:)
[/quote]Non hai torto, ma la colpa è del modo diverso in cui questi componenti sono impostati, uno usa d-icon e l’altro non si presta a questo al momento. Mi piacerebbe vederlo cambiato, quindi sentiti libero di dare una mano se sai come fare.
[quote=“Jarek Radosz, post:16, topic:285364, username:cvx”]
L’elemento pulsante/riepilogo occupa molto più spazio (in precedenza era un elemento semi-inline)
[/quote]Con il nuovo stile avrà bisogno di più spazio, ma concordo sul fatto che l’imbottitura attuale sia eccessiva.
[quote=“Jarek Radosz, post:28, topic:285364, username:cvx”]
Aggiungo anche al punto 2.
Per quanto riguarda la direzione verso cui punta l’icona: dato che funge da interruttore, non avrebbe senso invertirla in modo che indichi lo stato attuale anziché l’azione/stato futuro (questo vale anche per il pulsante “Risposte”)
[/quote]Questo è stato un dibattito in corso tra i designer fin dall’inizio dell’interruttore. Non c’è una risposta giusta o sbagliata.
Questa è stata una delle idee della sessione di progettazione che personalmente mi è piaciuta molto. Risolve (alcune) osservazioni di Sam e cvx. Ci proverò nella prossima iterazione.
Penso che il chevron sarebbe meglio a sinistra. Penso che la maggior parte delle persone non lo vedrà sulla destra. Sembra testo normale (un po’ come un blocco di codice) a meno che il mouse non ci passi sopra. L’ho quasi perso.
(14. ) La recente aggiunta di un gestore di clic significa che fare clic su un collegamento, utilizzare il pulsante copia codice, tentare di espandere un’immagine o persino tentare di selezionare del testo comporterà il collasso del blocco dei dettagli…
Sono pienamente d’accordo. Ho (quasi) mancato la lettura di più blocchi di dettagli negli ultimi due giorni. Penso che sia perché a prima vista assomigliano ai blocchi di codice.
Strano, fare clic su un collegamento funziona per me. Chiude i dettagli ma si apre anche il collegamento. Non ho provato gli altri scenari. E sono d’accordo che potrebbe beneficiare di un lavoro JS più raffinato
Riguardo alla posizione del chevron, @jordan.vidrine cosa ne pensi?
Devo fare un’altra iterazione? Forse come l’avevo immaginato originariamente, con il triangolo normale invece del chevron e solo uno sfondo quando aperto?
Sì, mi piaceva molto l’idea di poter passare il cursore ovunque > evidenziare > fare clic per chiudere, invece di poter fare clic solo sulla parte del riepilogo, ma avevo trascurato la propagazione di altri clic
È anche molto facile perdere dettagli nelle citazioni, perché l’evidenziazione dello sfondo è quasi invisibile e il simbolo di maggiore è lontano dal testo
Alcune osservazioni pignole sull’ultima iterazione…
La freccia dovrebbe essere allineata alla linea di base anziché centrata? A me sembra meglio che centrata su esempi a più righe… ma questo potrebbe essere soggettivo:
se applichiamo il padding all’intero contenitore, dovremmo forse provare a rimuovere qualsiasi padding dall’ultimo elemento… questo potrebbe essere troppo complicato perché abbiamo molti tipi di contenuto… ma forse qualcosa come:
details > :last-child {
padding-bottom: 0;
}
Concordo sul fatto che dovremmo usare una tonalità più scura quando questo si trova all’interno di una citazione, in modo che lo sfondo non si perda
allora una citazione potrebbe sovrascriverlo… forse potremmo persino avere una variabile generica “deve essere più scuro” per le citazioni? non ricordo se abbiamo altre situazioni simili…
Mi piace usare qualcosa come rgba(var(--primary-rgb),0.25) per questo scopo, poiché rende semplicemente lo sfondo attuale dell’elemento in cui è incluso un po’ più scuro.
L’area effettivamente cliccabile dell’elemento di riepilogo è più piccola dell’elemento che cambia il cursore e si evidenzia al passaggio del mouse
A causa di quel colore di sfondo al passaggio del mouse e del successivo cambiamento quando si espande un elemento, c’è un breve lampeggiamento del colore di sfondo durante l’espansione di un elemento
modifica:
Una discrepanza tra un post renderizzato e il composer:
) La recente aggiunta di un gestore di clic significa che fare clic su un collegamento, utilizzare il pulsante copia codice, tentare di espandere un’immagine o persino tentare di selezionare del testo comporterà il collasso del blocco dei dettagli… 
