Zammad: 如果列表中的最后一个附件，则附加的文本文件断开“ RAW”链接

我们也偶然发现了这一点。 根本原因似乎是一个损坏的图标-它试图显示<svg class="icon icon-file-text "><use xlink:href="assets/images/icons.svg#icon-file-text"></use></svg> ，但是icons.svg实际上并不包含icon-file-text 。 这会导致浏览器显示一个空的SVG，一个空的SVG的默认大小显然是300x150 px：

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

如果缺少任何上浆属性，请将丢失的“ svg”元素宽度解析为“ 300px”，将丢失的高度解析为“ 150px”（使用CSS 2.1替换的元素尺寸计算）。

很容易看出是否在浏览器的开发工具中将border: 1px solid;到SVG：

多谢您对@martinvonwittich进行深入@mrflix-您能否检查我们的文字图标去了哪里？ 🏖

我认为它从来没有出现过：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) % 

与另一个图标的比较：

[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">

我相信icons.svg本身中缺少的图标旁边，我相信icon-file-text中也缺少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; }

我认为以某种方式为.icon-file-*定义，但是我真的无法弄清楚如何在CSS中做到这一点，因此.icon-file-*样式将覆盖默认样式尺寸。 我认为为此使用.icon是不可接受的，因为这将适用于所有图标，而不仅适用于文件图标？

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

我们是否应该添加一个定义默认大小的新CSS类（例如.file-icon ），然后将SVG类设置为icon file-icon file-icon-* ？

@martinvonwittich好的git命令技能！ 感谢您查看这个。 图标名称已映射到view_helpers.coffee中，但是-如您正确评估的那样-实际上并不存在。
因此创建了图标：