Problema de renderização de imagens sob CSS personalizado

Suporte
1

Dando seguimento ao tópico abaixo (eu teria continuado lá, mas esse tópico agora está fechado):

A renderização de um arquivo de imagem com estilo CSS personalizado parece ter um pequeno bug — a saber, a borda sólida preta de 1px do lado direito não é exibida. Reduzir a imagem para 95% corrige o problema. O CSS personalizado é border : 1px solid black. A pré-visualização da edição renderiza corretamente — mas a versão ao vivo não. Um exemplo pode ser encontrado aqui. Como eu disse, este é um pequeno bug, mas provavelmente vale a pena corrigir. Agradeço antecipadamente.

Eu posso evitar esse problema definindo também width : 98%, mas não acho que eu deveria ter que fazer isso? Alguma opinião?

3

Parece que basta usar box-sizing para fazer com que a largura automática leve em conta a borda.

.cooked img:not(.thumbnail, .ytp-thumbnail-image, .emoji), .d-editor-preview img:not(.thumbnail, .ytp-thumbnail-image, .emoji) {
  border: 1px solid #000;
  box-sizing: border-box;
}
4

@Alteras Funciona. Uma salva de palmas rápida!

5

@ administradores: talvez o código nesta postagem possa ser devidamente modificado (ou isso é contra os protocolos):

6

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