Ciao di nuovo!
Quando il nostro forum era precedentemente su Flarum, una cosa divertente da fare era aggiungere tag di dimensione per modificare l’altezza e la larghezza di un’immagine per allungarla e schiacciarla, così (potrei ricordare male come era il tag)
Ho provato a usare equivalenti HTML su immagini caricate con Discourse, ma tutto ciò che fa è ritagliare l’immagine.
Non vedo alcun modo per farlo con le immagini caricate in Discourse. Mi sbaglio?
Quando l’immagine è grande e si cambiano le dimensioni, viene automaticamente ritagliata a causa del CSS della lightbox.
Anche se la si ridimensiona:
Le immagini piccole possono essere pubblicate con il rapporto d’aspetto desiderato.
Forse esiste un modo molto “hacky” per trovarlo, come l’uso di una classe autorizzata per il tag <img>, ad esempio avatar:
<img width="376" height="50" src="https://meta.discourse.org/secure-uploads/original/4X/b/e/6/be6f2ea64830fe0aaec6c192f3b39c38ce5f179c.png" class="avatar">
Ma forza un border-radius.
L’originale è quadrato e forza una lightbox:
Se sei un amministratore, direi che il modo più semplice è usare un wrapper personalizzato e definire una regola CSS. Ad esempio:
[wrap=ratio]
!image|500x300](upload://raEVqkaMNqIXQ9YcsiZuYefukFu.png)
[/wrap]
[data-wrap="ratio"] .lightbox-wrapper img {
object-fit: unset;
}
Non mi sorprenderei se ci fosse un modo per forzare il rapporto d’aspetto come utente, o anche un modo più semplice come amministratore. Forse non usare nemmeno un wrapper e forzare unset su object-fit in un div lightbox, ma ciò potrebbe compromettere il layout normale. Non lo so.