تغيير نقطة التوقف لـ vdo/vmo

تعاني مصممتنا من بعض المشكلات المتعلقة بالجانب التفاعلي لهذه الإضافة (التي تُعد رائعة ومفيدة جدًا)، وتساءلت عما إذا كان بإمكانها تغيير نقطة التوقف (breakpoint) التي يتم عندها التبديل حاليًا من عناصر vdo إلى عناصر vmo.

هل هذا ممكن؟ شكرًا لكم

بالتأكيد. ما عليك سوى عمل نسخة (fork) وتعديل مكون السمة.

شكرًا لك، لقد راجعت الأمر ولكنني لم أجده هناك… أظن أنه يعتمد على إعداد ما في Discourse يُطبَّق على الموقع بأكمله، وليس فقط على هذا القائمة؟

على أي حال - لقد نجحنا في جعله يعمل باستخدام استعلامات الوسائط CSS. ليس مثاليًا، لكننا يمكننا التعايش مع هذا.

يعتمد التبديل من vdo (عرض سطح المكتب فقط) إلى vmo (عرض الجوال فقط) على وكيل المستخدم (user-agent) في متصفحك وليس على عرض نافذة العرض (viewport) الذي تستخدمه أو تحاكيه.

لا تُعد استعلامات الوسائط (media queries) في CSS مهمة في Discourse كما هي في المواقع الأخرى التي قد تكون معتادًا عليها.

يقدم Discourse تنسيقات مُحسَّنة مختلفة بناءً على الجهاز الذي يستخدمه المستخدم.

ما أود توضيحه هو أنك لست بحاجة إلى القلق كثيرًا بشأن استعلامات الوسائط في CSS. يحتاج مصممك إما إلى إضافة ?mobile_view=1 إلى عنوان URL الذي يختبره، أو استخدام وكيل مستخدم للجوال أثناء الاختبار أو تصحيح الأخطاء على سطح المكتب.

مثير للاهتمام :thinking: شكرًا لك على وقتك في الشرح.

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

على سبيل المثال: شريط التمرير الذي يظهر على اليمين يختفي عند الأحجام الصغيرة ويُستبدل بمؤشر أصغر يحتوي فقط على رقم المنشور والمجموع مثل 19 / 24

أنت على حق.

سيقوم Discourse بنقل العناصر إذا قمت بتصغير حجم النافذة بما يكفي. نفعل ذلك لاستيعاب أحجام شاشات سطح المكتب/أجهزة الكمبيوتر المحمولة المختلفة.

لكن هذه ليست النقطة هنا. لا يؤدي تصغير عرض الشاشة إلى تغيير وكيل المستخدم لأنه يعتمد بالكامل على وكيل المستخدم للجهاز الذي تستخدمه.

إذا كنت على سطح المكتب وقمت بتغيير عرض النافذة/الشاشة، فسيقوم Discourse بالتكيف مع ذلك قدر الإمكان بشكل معقول.

ومع ذلك، إذا كنت تحاول اختبار مظهر Discourse على الهاتف المحمول وأنت على سطح المكتب، فستحتاج إما إلى إضافة

كما ذكرت سابقًا

أو الاختبار على جهاز محمول.