Come ottenere un layout affiancato per i post degli argomenti come questo?

Mi piacerebbe ottenere un layout affiancato per la mia istanza di Discourse (vedi immagine allegata). Qualcuno potrebbe guidarmi su come fare? Apprezzo qualsiasi aiuto possiate fornire!

Flexbox CSS, forse? Solo dalla parte superiore della mia testa. Poi forse usando l’API/requests per recuperare altri dati come il conteggio dei post.

Quello che vuoi è fondamentalmente sostituire le barre orizzontali con barre verticali?
Potrebbero essere fatte con un componente del tema, e non possono essere fatte solo con CSS.
Richiederebbe attenzione per non rompere nulla, e potrebbe non essere semplice da fare :pensieroso:

Ho provato a fare alcune semplici regolazioni con Flexbox, ma ha solo rovinato il layout.

Ciao @Canapin! Fondamentalmente voglio i dettagli dell’autore del post sulla sinistra e il contenuto del post sulla destra invece di avere uno sopra l’altro come nel layout stock di Discourse.
Sarebbe utile se ci fossero delle mod per questo.

Concordo, non è possibile riposizionare questi elementi in modo pulito con CSS. L’avatar e i metadati predefiniti sono disposti separatamente nel template:

Mi chiedo come venga fatto effettivamente sui forum di Epic. Si tratta di un override del template? Non vedo alcun plugin outlet in questa posizione:

Da ciò che vedo, hanno nuovamente aggiunto i dati (nome utente, ecc.) dopo il contenuto del widget post-avatar, hanno aggiunto una larghezza a .topic-avatar, e nascondono tutto il resto con CSS tranne la data. Vediamo se riesco a riprodurlo.

Puoi provare questo componente del tema di base: GitHub - Arkshine/discourse-topic-avatar-vertical-layout.

Fammi sapere se riscontri problemi.


  1. Sposta il widget poster-name sotto il widget post-avatar. Nessun’altra modifica oltre agli aggiustamenti CSS. ↩︎

Ha funzionato a meraviglia! Grazie mille, amico.