Oui, je suis sûr que c'est un bogue et aucune demande de fonctionnalité ou une question générale.
Nous venons également de trébucher là-dessus. La cause première semble être une icône cassée - elle essaie d'afficher <svg class="icon icon-file-text "><use xlink:href="assets/images/icons.svg#icon-file-text"></use></svg>
, mais icons.svg
ne contient pas réellement icon-file-text
. Cela provoque le navigateur pour afficher un SVG vide, et la taille par défaut d'un SVG vide est apparemment 300x150 px:
https://svgwg.org/specs/integration/#svg -css-sizing
Si l'un des attributs de dimensionnement est manquant, résolvez la largeur de l'élément «svg» manquante en «300px» et la hauteur manquante en «150px» (en utilisant le calcul de la taille des éléments remplacés par CSS 2.1).
Il est facile de voir si vous ajoutez border: 1px solid;
au SVG dans les outils de développement du navigateur:
Merci beaucoup d'avoir creusé dedans @martinvonwittich ! @mrflix - pouvez-vous s'il vous plaît vérifier où notre icône de texte est allée? 🏖
Je dirais que cela n'a jamais été là en premier lieu: 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) %
Une comparaison avec une autre icône:
[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">
À côté de l'icône manquante dans icons.svg
lui-même, je crois que icon-file-text
est également manquant dans 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; }
J'ai pensé qu'il serait également utile de fournir d'une manière ou d'une autre une taille par défaut pour le
.icon { width: 24px; height: 31px; }
Devrions-nous ajouter une nouvelle classe CSS (par exemple .file-icon
) qui définit la taille par défaut, puis définir la classe SVG sur icon file-icon file-icon-*
?
@martinvonwittich belles compétences de commande git! Merci d'avoir examiné cela. Le nom de l'icône est mappé dans view_helpers.coffee mais - comme vous l'avez correctement évalué - n'existait pas réellement.
Ainsi créé l'icône:
Commentaire le plus utile
Je dirais que cela n'a jamais été là en premier lieu: D
Une comparaison avec une autre icône:
À côté de l'icône manquante dans
icons.svg
lui-même, je crois queicon-file-text
est également manquant dansapp/assets/stylesheets/svg-dimensions.css
:J'ai pensé qu'il serait également utile de fournir d'une manière ou d'une autre une taille par défaut pour le
Devrions-nous ajouter une nouvelle classe CSS (par exemple
.file-icon
) qui définit la taille par défaut, puis définir la classe SVG suricon file-icon file-icon-*
?