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 픽셀입니다.

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

크기 조정 속성이 누락 된 경우 누락 된 'svg'요소 너비를 '300px'로, 누락 된 높이를 '150px'로 해결합니다 (CSS 2.1 대체 요소 크기 계산 사용).

브라우저의 개발 도구에서 SVG에 border: 1px solid; 를 추가하면 쉽게 확인할 수 있습니다.

@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 좋은 자식 명령 기술! 조사해 주셔서 감사합니다. 아이콘 이름은 view_helpers.coffee에 매핑되어 있지만 올바르게 평가
그래서 아이콘을 만들었습니다.