رد فعل في ندوة

[angus (Angus McLeod)]

@bsawicki

أحد الأشياء التي لاحظتها (بخلاف أنه يعمل، رائع) هو أنه عند النقر على زر الرد، فإن الصفحة تقفز بحيث يكون منتقي الرموز التعبيرية في الأعلى (أحدث إصدار من Chrome، نظام تشغيل macOS)، ثم إذا قمت بالتمرير في الصفحة، ينتقل منتقي الرموز التعبيرية إلى أماكن غريبة. أردت فقط الإبلاغ عن ذلك.

شكرًا لك، نعم، هذا سلوك غريب في مكتبة Popper التي يستخدمها منتقي الرموز التعبيرية لتحديد المواقع. لقد قمت بتحديث استخدام Popper لمعالجة هذه المشكلة.

Improve popper auto-scrolling behaviour

[Vaping_Community]

أولاً، شكرًا جزيلاً لـ @angus على توليه هذا الإضافة، فقد كانت من المفضلة لدينا منذ فترة

لقد قمت بالتحديث إلى أحدث إصدار ويبدو أنه يعطل الرسائل الخاصة (PMs)

Uncaught TypeError: Cannot read property 'map' of undefined
    at _retort-2c5f89abb14744b92588a2ea05689cf5f5fe97d5b9094543abfacf0b1281182f.js:57
    at _application-95c62ce5b40d9a86771813c87729bec8a97a85040e9142c1de823499c05122ad.js:82147
    at Array.map (<anonymous>)
    at h (_application-95c62ce5b40d9a86771813c87729bec8a97a85040e9142c1de823499c05122ad.js:82146)
    at i.html (_application-95c62ce5b40d9a86771813c87729bec8a97a85040e9142c1de823499c05122ad.js:78359)
    at i.value (_application-95c62ce5b40d9a86771813c87729bec8a97a85040e9142c1de823499c05122ad.js:82625)
    at i.value (_application-95c62ce5b40d9a86771813c87729bec8a97a85040e9142c1de823499c05122ad.js:82345)
    at s (_vendor-66c7c54e4c3d88ab9a314688832cc04210ab4ae3401f48fb186a7134473d0d0a.js:20534)
    at t.exports (_vendor-66c7c54e4c3d88ab9a314688832cc04210ab4ae3401f48fb186a7134473d0d0a.js:20521)
    at e (_vendor-66c7c54e4c3d88ab9a314688832cc04210ab4ae3401f48fb186a7134473d0d0a.js:19890)
_retort-2c5f89abb14744b92588a2ea05689cf5f5fe97d5b9094543abfacf0b1281182f.js:368 Uncaught TypeError: Cannot read property 'toString' of undefined
    at t.disabledFor (_retort-2c5f89abb14744b92588a2ea05689cf5f5fe97d5b9094543abfacf0b1281182f.js:368)
    at _retort-2c5f89abb14744b92588a2ea05689cf5f5fe97d5b9094543abfacf0b1281182f.js:51
    at _application-95c62ce5b40d9a86771813c87729bec8a97a85040e9142c1de823499c05122ad.js:82147
    at Array.map (<anonymous>)
    at h (_application-95c62ce5b40d9a86771813c87729bec8a97a85040e9142c1de823499c05122ad.js:82146)
    at i.html (_application-95c62ce5b40d9a86771813c87729bec8a97a85040e9142c1de823499c05122ad.js:78359)
    at i.value (_application-95c62ce5b40d9a86771813c87729bec8a97a85040e9142c1de823499c05122ad.js:82625)
    at i.value (_application-95c62ce5b40d9a86771813c87729bec8a97a85040e9142c1de823499c05122ad.js:82345)
    at s (_vendor-66c7c54e4c3d88ab9a314688832cc04210ab4ae3401f48fb186a7134473d0d0a.js:20534)
    at t.exports (_vendor-66c7c54e4c3d88ab9a314688832cc04210ab4ae3401f48fb186a7134473d0d0a.js:20521)

[angus (Angus McLeod)]

شكرًا لك، فقد تم اليوم سحب طلب دمج (PR) يزيل مكتبة lodash، وهو إجراء آخر يتعلق بالإيقاف التدريجي.

يجب أن يكون الأمر قد تم معالجته الآن:

Lodash was auto-handling null cases

يرجى التحديث وإخباري بكيفية سير الأمور.

[Vaping_Community]

يبدو أن الأمر يعمل بشكل جيد الآن، شكرًا جزيلاً!

قمنا بتطبيق هذا CSS لجعل الأشياء تبدو أفضل قليلًا بالنسبة لنا

سطح المكتب

.emoji-picker.has-limited-set img.emoji {
    width: 40px !important;
    height: 40px !important;
}

.post-retort {
    margin: 0px 2px;
}

.emoji-picker.has-limited-set .limited-emoji-set {
    flex-wrap: wrap;
}

.emoji-picker {
    min-height: 80px;
    max-width: 400px;
}

الجوال

.emoji-picker.has-limited-set .limited-emoji-set {
    flex-wrap: wrap !important;
}

.emoji-picker {
    min-width: 100% !important;
}

[gde]

لقد قمت للتو بإعادة بناء Discourse لتحديث الإضافة. لكن الآن، أيقونة الإضافة مفقودة، وكذلك جميع مكونات السمة الخاصة بي. لا أعرف ما إذا كان هذا مرتبطًا، لكنني أرى هذه الرسالة في وحدة تحكم المتصفح:

تعديل: بعد تعطيل Retort، عادت جميع مكونات السمة، لذا يبدو أن هناك ارتباطًا حقيقيًا.

[Vaping_Community]

أرى هذا الخطأ كثيرًا على موقعي، ومع مرور الوقت يصبح الموقع بأكمله بطيئًا/متأخرًا بالنسبة لي.

في وضع الأمان، كل شيء على ما يرام، والموقع سريع ومستجيب.

باستخدام Google Chrome: الإصدار 85.0.4183.83 (النسخة الرسمية) (64 بت)

الخطأ:

Uncaught TypeError: Cannot read property 'map' of undefined
    at retort-11c49191cf3e1f7f570d8808ade67b5d7fcfdfe612b792c49f064baacdebadc7.js:1
    at application-acabe31b416e73071c4f82b77bdadcf4a5fc525109638830baeeacd14e3a3656.js:1
    at Array.map (<anonymous>)
    at h (application-acabe31b416e73071c4f82b77bdadcf4a5fc525109638830baeeacd14e3a3656.js:1)
    at i.html (application-acabe31b416e73071c4f82b77bdadcf4a5fc525109638830baeeacd14e3a3656.js:1)
    at i.value (application-acabe31b416e73071c4f82b77bdadcf4a5fc525109638830baeeacd14e3a3656.js:1)
    at i.value (application-acabe31b416e73071c4f82b77bdadcf4a5fc525109638830baeeacd14e3a3656.js:1)
    at s (vendor-bf8061112a1b547c1b596d16d89c9a42af976a43984f9eacd40a8c690c0f30b2.js:1)
    at t.exports (vendor-bf8061112a1b547c1b596d16d89c9a42af976a43984f9eacd40a8c690c0f30b2.js:1)
    at e (vendor-bf8061112a1b547c1b596d16d89c9a42af976a43984f9eacd40a8c690c0f30b2.js:1)



 if (!v.default.disabledFor(e))
                    return v.default.storeWidget(r),
                    o.retorts.map(function(e) {   <<<<<< خطأ هنا
                        var t = e.usernames
                          , i = e.emoji;
                        return r.attach("retort-toggle", {
                            post: o,
                            usernames: t,
                            emoji: i
                        })

[Vaping_Community]

بعض مشكلات CSS وكيفية حلها للاستخدام الشخصي

سطح المكتب

الأول ليس مشكلة بقدر ما قد يكون كذلك، فنادرًا ما نرى هذا العدد من الردود في منشور واحد، ولكن يجب أن تعرف أنه إذا تجاوزت 8 ردود، فإن أزرار التحكم في المنشور ستتعرض لخلل.

إليك الصورة مع 8 ردود، يبدو الأمر رائعًا.

كود CSS المستخدم لسطح المكتب

.post-retort {
	margin: 0px 2px;
	border: 1px solid #333;
	border-radius: 5px;
	padding: 3px;
	background-color: #666;
}

---

الهاتف: iPhone SE الجيل الأول

الجوال

الحد الأقصى لعدد الردود حاليًا على الجوال دون التأثير على أزرار التحكم في المنشور، على الأقل عند استخدام شاشة أصغر، هو رد واحد فقط.

مع أكثر من رد واحد، يتم نقل أزرار التحكم في المنشور خارج الشاشة.

إليك كيف يبدو الأمر مع تغييرات CSS الخاصة بنا.

كود CSS للجوال

.post-retort {
	border: 1px solid #333;
	border-radius: 5px;
	padding: 3px;
	background-color: #666;
	margin: 2px 2px;
	float: none;
}

يمكنك تحقيق نفس المظهر على سطح المكتب كما هو على الجوال باستخدام كود CSS للجوال المذكور أعلاه، وهذا سيجعل الردود تظهر فوق أزرار التحكم في المنشور.

نحن نحب هذه الإضافة وتُستخدم بكثرة في منتدانا، شكرًا لك على تبنيها @angus

[DoomDesign]

أنا أيضاً أواجه هذه المشكلة. ومع ذلك، لا تزال مكونات سُمّتي تعمل، لكن محدد الرد غير مرئي في أي مكان (بسبب تعطل JavaScript).

قمنا بتحديث discourse إلى الإصدار 2.5.1 ثم قمنا بتثبيت هذا الملحق لأول مرة.

[Bank_Live]

لا يمكنني استخدام “wait load”

[gde]

تمكنتُ بطريقة ما من حل مشكلتي اليوم بإعادة بناء التطبيق.
ربما تحاول ذلك من جانبك؟

أنا أيضًا على النسخة المستقرة (2.5.1)

[DoomDesign]

نعم، قمت بالإبلاغ عن المشكلة في متتبع القضايا الخاص بـ GitHub الخاص بهم، وتم إصلاحها في اليوم التالي، رائع جدًا

[luisherranz]

مرحبًا يا رفاق، نحن نحب هذه الإضافة، لكن بعد آخر تحديث، نلاحظ ظهور إيموجي ذات بشرة بيضاء بدلاً من الصفراء المحايدة في منتدى المجتمع.

لم نقم بتغيير أي إعدادات. هذا هو إعدادنا الحالي:

هل هذا متوقع؟ هل يمكن تغييره؟

شكرًا لكم!!

[kchang (KC)]

مرحباً بالجميع،
أنا جديد في منصة Discourse. قمت بتثبيت Discourse باستخدام الكود المصدري من GitHub، وهو يعمل الآن عبر الإنترنت.
اليوم قمت بتثبيت Retort، وأستطيع رؤية الإضافة الجديدة في قسم الإدارة-الإضافات (Admin-Plugins) وهي مفعلة.

عندما أنشأت موضوعاً جديداً وقمت بمراجعته باستخدام حساب آخر، على أمل أن أستطيع استخدام إضافة Retort الجديدة، إلا أنني لم أتمكن من رؤية الزر المتوقع…

عدت إلى لوحة الإدارة وتأكدت من أن خيارات الإضافة مضبوطة كما هو موضح في الدليل. يرجى الاطلاع على الصورة أدناه.

بما أنني أستطيع نشر صورة واحدة فقط هنا، فقد جمعت الصور الثلاث معاً في هذه الصورة.

لذلك، أرجو مساعدتي في معرفة ما الخطأ. أي اقتراحات ستكون موضع تقدير. شكراً جزيلاً مقدماً.

[angus (Angus McLeod)]

@luisherranz

بعد آخر تحديث، نرى إيموجي ذات بشرة بيضاء بدلاً من الصفراء المحايدة

لا، هذا غير متوقع. سأفحص الأمر في عطلة نهاية الأسبوع.

@kchang هل يمكنك فتح وحدة تحكم المتصفح (How can I open the browsers console? – Mailster Knowledge Base) والتحقق مما إذا كانت هناك أي استثناءات ناتجة عن هذا الإضافة أو أي إضافات أو قوالب أخرى لديك (انسخ وألصق أي سطور حمراء من وحدة التحكم هنا، وأخفِ التفاصيل في تبويب “إخفاء التفاصيل” إذا كانت طويلة).

[kchang (KC)]

مرحبًا @angus،
شكرًا جزيلاً لك على ردك. لاحظت بالفعل وجود عدة خطوط حمراء في وحدة التحكم، يرجى الاطلاع على الصورة أدناه من متصفح Opera في كل مرة أدخل فيها إلى منشور.

يبدو أن هناك مشكلة في أمر “import” في التثبيت الخاص بي. قمت بتثبيت Discourse باستخدام الكود المصدري وليس Docker، لذا أقوم دائمًا بإضافة الإضافات الجديدة إلى discourse/plugins، وقد نجحت في تثبيت إضافتين أخريين بهذه الطريقة. لست متأكدًا مما إذا كانت هذه هي الطريقة الصحيحة لتثبيت إضافة retort بنفس الأسلوب.

بالإضافة إلى ذلك، كنت قد قمت بتثبيت @popperjs/core باستخدام npm من قبل، لكنني لا أعرف لماذا واجهت هذا الخطأ…

شكرًا لك.

[angus (Angus McLeod)]

تمت إضافة هذا الاستيراد كجزء من إعادة هيكلة emoji-picker التي أدت إلى تحديث هذه الإضافة قبل فترة قصيرة (انظر أعلاه). تمت إضافتها إلى Discourse منذ حوالي شهر. إذا كنت تتلقى هذا الخطأ، فهذا يعني أنك تشغل إصدارًا أقدم من Discourse. أظن أنك تشغل الفرع stable.

تدعم هذه الإضافة أيضًا stable عبر ملف .discourse_compatibility، ولكن إذا لم تكن تستخدم Docker، فستحتاج إلى تثبيت الإضافة باستخدام مهمة rake plugin:pull_compatible_all، والتي ستجلب الإصدار الصحيح من الإضافة المناسب لـ stable.

إذا كانت هذه بيئة إنتاجية، وأنت جديد نسبيًا على Discourse، فإنني أوصي بشدة باستخدام Docker. فهو يتولى عددًا من جوانب إدارة بيئة Discourse، مثل سحب الإصدار الصحيح من الإضافة المناسب لبيئتك، وهو ما قد يسبب لك مشاكل محتملة.

[Heliosurge (Dan DeMontmorency)]

مرحباً، لقد تم تقييد الرموز التعبيرية لدي. قبل فترة، أجريت تحديثاً اضطررت فيه إلى السماح بالرموز التعبيرية غير المقيدة لكي يعمل الإضافة.

[kchang (KC)]

شكرًا جزيلاً لك يا @angus، أنت محق، فأنا الآن على الفرع المستقر من Discourse. سأقوم بتشغيل مهمة rake لجلب الإصدار المتوافق من retort. بعد الحصول على اسم النطاق، سأستخدم صورة Docker كطريقة أكثر ملاءمة.

تحديث:
لقد شغّلت مهمة rake plugin:pull_compatible_all، ولكن يبدو أن إصداري المستقر من Discourse قديم جدًا. لذا قمت بجلب أحدث إصدار من Discourse. والآن يعمل كل شيء بسلاسة

شكرًا مرة أخرى على مساعدتك الكريمة

[gerald]

في السمة الافتراضية لـ Discourse، في العرض على الجوال، يتم فصل زر الرد عن بقية أيقونات شريط الأدوات السفلي (مثل الإعجاب، المشاركة، إلخ)، مما يدفع أيقونة الرد إلى الأسفل ويجعل المظهر سيئًا للغاية.
أنا أستخدم هذا الكود CSS المضاف إلى السمة لتصميم التصميم. ربما تجده مفيدًا لك أيضًا

.mobile-view {
    
    .topic-post nav.post-controls .actions button.reply {
        margin: inherit;
        margin-left: 10px;
    }
    
    nav.post-controls .actions {
        text-align: right;
        float: right;
        display: inline-block;
    }
    
    .topic-post nav.post-controls .actions .double-button {
        display: inline-flex;
    }
    
    .post-menu-area {
        margin: 0;
        padding-top: 15px;
    }
}

[luisherranz]

@angus، منشور: 390، موضوع: 35903

لم يكن متوقعًا لا. سألقِ نظرة خلال عطلة نهاية الأسبوع.

رائع، شكرًا لك

إذا كنت بحاجة إلى مساعدة في تصحيح هذا الخطأ أو لديك فكرة عما قد يكون المشكلة، فيرجى إعلامي.