نعم أنا متأكد من أن هذا خطأ وليس طلب ميزة أو سؤال عام.
لقد تعثرنا أيضًا في هذا الأمر. يبدو أن السبب الأساسي هو رمز مكسور - يحاول عرض <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 الفارغ هو 300 × 150 بكسل:
https://svgwg.org/specs/integration/#svg -css-sizing
إذا كانت أي من سمات الحجم مفقودة ، فقم بحل عرض عنصر "svg" المفقود إلى "300 بكسل" والارتفاع المفقود إلى "150 بكسل" (باستخدام حساب حجم العناصر المستبدلة في CSS 2.1).
من السهل معرفة ما إذا كنت قد أضفت border: 1px solid;
إلى SVG في أدوات تطوير المتصفح:
شكرًا جزيلاً على التنقيب فيه martinvonwittich ! mrflix - هل يمكنك من فضلك التحقق من مكان ظهور رمز النص الخاص بنا؟ 🏖
كنت أزعم أنه لم يكن هناك في المقام الأول: د
[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 { width: 24px; height: 31px; }
هل يجب أن نضيف فئة CSS جديدة (على سبيل المثال .file-icon
) تحدد الحجم الافتراضي ، ثم نضبط فئة SVG على icon file-icon file-icon-*
؟
martinvonwittich مهارات أمر git لطيفة! شكرا للنظر في هذا. تم تعيين اسم الرمز في view_helpers.coffee ولكن - كما قمت بتقييمه بشكل صحيح - لم يكن موجودًا بالفعل.
لذلك تم إنشاء الأيقونة:
التعليق الأكثر فائدة
كنت أزعم أنه لم يكن هناك في المقام الأول: د
مقارنة بأيقونة أخرى:
بجانب الرمز المفقود في
icons.svg
نفسه ، أعتقد أنicon-file-text
مفقود أيضًا فيapp/assets/stylesheets/svg-dimensions.css
:اعتقدت أنه سيكون من المفيد أيضًا توفير الحجم الافتراضي لملف
هل يجب أن نضيف فئة CSS جديدة (على سبيل المثال
.file-icon
) تحدد الحجم الافتراضي ، ثم نضبط فئة SVG علىicon file-icon file-icon-*
؟