Alinhamento de Imagens e Grade

Para ser honesto, essa não é uma má solução alternativa.

Vou testar essa ideia. Pergunto-me se poderíamos simplesmente usar o ‘>’ entre os conjuntos de imagens se isso segregaria cada bloco de imagem/texto carregado? Vou testar no meu site e fornecer feedback.

2 curtidas

Sucesso!

Resultado

Os ‘br’ foram removidos entre as imagens. Usei 2 linhas de > mas suspeito que uma única entre as grades de imagens funcione bem como uma quebra rígida entre elas.

A quebra de citação única “>” funciona.

2 curtidas

Recebi um aviso de descontinuação aqui:

Aviso de descontinuação: O nome do ícone “arrows-alt-h” foi atualizado para “left-right”. Por favor, use o novo nome em seu código. Nomes antigos serão removidos no segundo trimestre de 2025. \[deprecation id: discourse.fontawesome-6-upgrade\] \[info: We're upgrading our icons to Font Awesome 6! \]

Talvez outros ícones além de arrows-alt-h também sejam afetados, ainda não verifiquei.

2 curtidas

Aqui está um PR rápido:

4 curtidas

sempre grato pela sua ajuda meu amigo, obrigado :pray: :slight_smile:

4 curtidas

Obrigado arkshine pela correção rápida, acabei de atualizar. Obrigado lilly pelo componente muito legal, posso usá-lo para emular o estilo de blog em uma postagem com a opção central :+1:

3 curtidas

Parece haver código antigo neste componente de tema. Recebo esta informação de administrador com a reconstrução mais recente do Discourse:

[Admin-Hinweis] Theme ‘image-alignment’ enthält Code, der aktualisiert werden muss. (ID:discourse.script-tag-discourse-plugin) (mehr erfahren)

E no console de desenvolvimento do navegador:

[THEME 47 ‘image-alignment’] Deprecation notice: Adding JS code using <script type='text/discourse-plugin'> is deprecated. Move this code to a dedicated JavaScript file. [deprecation id: discourse.script-tag-discourse-plugin] [info: Modernizing inline script tags for templates & JS API]

3 curtidas

obrigado, vou dar uma olhada neste fim de semana.

4 curtidas

Estou recebendo a mesma mensagem

sim, apenas descarte. apenas administradores podem vê-lo e ele ainda não está quebrado. o componente só precisa de uma atualização.

5 curtidas

Permita-me começar agradecendo a você, @Lilly, por este componente útil!

Tenho 2 perguntas:

  1. Como a mensagem de aviso está relacionada a componentes que não funcionam corretamente em setembro (se eu entendi o que vai acontecer então), você conseguirá atualizar o componente antes dessa data?
  2. Uma das coisas que o componente poderia fazer, se possível, é que quando já temos um monte de imagens no editor, poderíamos selecioná-las todas, clicar no botão e ele as agruparia. No momento, ele agrupa cada uma individualmente:

Claro, podemos apenas selecionar, cortar, clicar no botão, colar, mas eu estava me perguntando se evitar essas etapas extras seria possível e, claro, se você estaria interessado em fazer essa alteração?

De qualquer forma, isso já ajuda muito, o fato de eu não ter que digitar [grid] e depois [/grid] o tempo todo, então obrigado :slight_smile:


Acabei de descobrir que clicar na grade na primeira imagem já agrupa tudo perfeitamente com [grid] e [/grid]:

Seria bom se este também fosse o comportamento do ícone do componente, é claro, mas ter isso nativamente já é útil.

3 curtidas

Eu atualizei este componente para a API JS modernizada. Quando eu tiver um pouco mais de tempo, tentarei melhorá-lo um pouco.

4 curtidas