Zammad: Los archivos de texto adjuntos rompen "RAW" - Enlace si es el último archivo adjunto en la lista

También acabamos de tropezar con esto. La causa raíz parece ser un icono roto: intenta mostrar <svg class="icon icon-file-text "><use xlink:href="assets/images/icons.svg#icon-file-text"></use></svg> , pero icons.svg realidad no contiene un icon-file-text . Esto hace que el navegador muestre un SVG vacío, y el tamaño predeterminado de un SVG vacío es aparentemente 300x150 px:

https://svgwg.org/specs/integration/#svg -css-sizing

Si falta alguno de los atributos de tamaño, resuelva el ancho del elemento 'svg' faltante a '300px' y la altura faltante a '150px' (utilizando el cálculo de tamaño de elementos reemplazados CSS 2.1).

Es fácil ver si agrega border: 1px solid; al SVG en las herramientas de desarrollo del navegador:

¡Muchas gracias por investigarlo @martinvonwittich ! @mrflix : ¿puedes comprobar dónde fue nuestro ícono de texto? 🏖

Yo diría que nunca estuvo allí en primer lugar: D

[email protected] ~ (develop) % git grep 'icon-file-text' $(git rev-list --all -- public/assets/images/icons.svg) -- public/assets/images/icons.svg   
[email protected] ~ (develop) % 

Una comparación con otro icono:

[email protected] ~ (develop) % git grep 'icon-file-archive' $(git rev-list --all -- public/assets/images/icons.svg) -- public/assets/images/icons.svg
e26db17d75866d4a04dea925d9ab840be5cbb5ed:public/assets/images/icons.svg:</symbol><symbol id="icon-file-archive" viewBox="0 0 24 31">
80c7dec6246a3adb90eff7c0b3aef84ee463f7a0:public/assets/images/icons.svg:</symbol><symbol id="icon-file-archive" viewBox="0 0 24 31">
0db8c28bd57b7cad7deb8d96e08c618dd34b8692:public/assets/images/icons.svg:</symbol><symbol id="icon-file-archive" viewBox="0 0 24 31">
22b2f44ba02bfab05c6f9f4e4f56d089d9c339dd:public/assets/images/icons.svg:</symbol><symbol id="icon-file-archive" viewBox="0 0 24 31">
b411cabe5b640208ac910bd523e4cce0d0274725:public/assets/images/icons.svg:</symbol><symbol id="icon-file-archive" viewBox="0 0 24 31">
0445b4ee490376f1d3bd23883f2d08c0602d0b11:public/assets/images/icons.svg:</symbol><symbol id="icon-file-archive" viewBox="0 0 24 31">
3186d5e4d763f8e367f8cf9d5c4eae918284bdbf:public/assets/images/icons.svg:</symbol><symbol id="icon-file-archive" viewBox="0 0 24 31">
f4c50ae0fa23faa6ed4e461e2fc5202961b34598:public/assets/images/icons.svg:</symbol><symbol id="icon-file-archive" viewBox="0 0 24 31">
690843fcf110bb56ff6ac07dd8ac9abdc27c08c8:public/assets/images/icons.svg:</symbol><symbol id="icon-file-archive" viewBox="0 0 24 31">
7966bb3b16c2ce078e664636b3626ec47a831ce2:public/assets/images/icons.svg:</symbol><symbol id="icon-file-archive" viewBox="0 0 24 31">
95e5eb57a8a067427d4aa1d51678036e28f497ba:public/assets/images/icons.svg:</symbol><symbol id="icon-file-archive" viewBox="0 0 24 31">
b0597ad04d3e141dd2ba97addabdea2a73a875aa:public/assets/images/icons.svg:</symbol><symbol id="icon-file-archive" viewBox="0 0 24 31">

Junto al icono que falta en icons.svg , creo que icon-file-text también falta en app/assets/stylesheets/svg-dimensions.css :

[email protected] ~ (develop) % git diff app/assets/stylesheets/svg-dimensions.css
diff --git a/app/assets/stylesheets/svg-dimensions.css b/app/assets/stylesheets/svg-dimensions.css
index 24e902dd3..f04d6dd70 100644
--- a/app/assets/stylesheets/svg-dimensions.css
+++ b/app/assets/stylesheets/svg-dimensions.css
@@ -31,6 +31,7 @@
 .icon-file-powerpoint { width: 24px; height: 31px; }
 .icon-file-unknown { width: 24px; height: 31px; }
 .icon-file-word { width: 24px; height: 31px; }
+.icon-file-text { width: 24px; height: 31px; }
 .icon-form { width: 17px; height: 17px; }
 .icon-forward { width: 16px; height: 17px; }
 .icon-full-logo { width: 175px; height: 50px; }

Pensé que también sería útil proporcionar de alguna manera un tamaño predeterminado para el.icon-file-* que aún no nos hayamos dado cuenta, pero no puedo entender cómo hacerlo en CSS para que los estilos .icon-file-* anulen los estilos predeterminados Talla. Supongo que usar .icon para esto no sería aceptable porque eso se aplicaría a todos los íconos, no solo al ícono del archivo.

.icon { width: 24px; height: 31px; }

¿Deberíamos agregar una nueva clase CSS (por ejemplo, .file-icon ) que defina el tamaño predeterminado y luego establecer la clase SVG en icon file-icon file-icon-* ?

@martinvonwittich ¡ buenas habilidades de comando git! Gracias por mirar en esto. El nombre del icono está asignado en view_helpers.coffee pero, como evaluó correctamente, en realidad no existía.
Así que creó el icono: