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

Supporto
1

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!

Questa immagine contiene uno screenshot di un commento di YouTube di un utente chiamato "Everyone" che discute l'uso dei collider nella progettazione e animazione dei personaggi, suggerendo di implementare una forma a capsula per il calcolo delle collisioni piuttosto che un'antenna lunga, e menzionando la comoditĂ  di usare una semplice scatola per evitare complicazioni. (Sottotitolato dall'IA)
Questa immagine contiene uno screenshot di un commento di YouTube di un utente chiamato "Everyone" che discute l'uso dei collider nella progettazione e animazione dei personaggi, suggerendo di implementare una forma a capsula per il calcolo delle collisioni piuttosto che un'antenna lunga, e menzionando la comodità di usare una semplice scatola per evitare complicazioni. (Sottotitolato dall'IA)2768×836 249 KB

2 Mi Piace
3

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.

4

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:

1 Mi Piace
5

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

6

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.

1 Mi Piace
7

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

image
image574×122 11.9 KB

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:

image
image574×105 8.12 KB

1 Mi Piace
8

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.

1 Mi Piace
9

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. ↩︎

9 Mi Piace
10

Ha funzionato a meraviglia! Grazie mille, amico.

2 Mi Piace
11

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.