هل هناك طريقة لتغيير العرض الذي يظهر فيه الشعار الصغير؟

مطور
1

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

58bfa22d967f8600bceeb5d1f50b21c3d756a482
58bfa22d967f8600bceeb5d1f50b21c3d756a4821862×160 8.43 KB

ولكن منذ التحديث إلى الإصدار v2026.7.0، أواجه صعوبة في جعله يتناسب عند أبعاد معينة داخل المواضيع. (لا توجد مشكلة في الصفحة الرئيسية لأن الرأس هناك يحتوي على مساحة فارغة أكبر). تنص إعدادات Discourse الخاصة بـ الشعار الصغير على “صورة الشعار الصغير في أعلى يسار موقعك، تُرى عند التمرير لأسفل.” ومع ذلك، السلوك الفعلي أكثر تعقيدًا من ذلك. عند أبعاد المتصفح >=1015 بكسل (تقريبًا) عند التمرير لأسفل داخل موضوع مع ظهور الشريط الجانبي، يتم استخدام الشعار الأساسي، الذي يجب تصغيره ليناسب المساحة المتبقية الصغيرة إلى يسار عنوان الموضوع، مما يجعله غير مقروء في حالتي. ثم الأبعاد الأصغر من ~1015 بكسل تجعله يتحول إلى الشعار الصغير. هل هناك أي طريقة لجعله دائمًا يستخدم الشعار الصغير أو حتى الشعار المحمول عند التمرير لأسفل في عرض الموضوع؟ هناك بعض الأفكار المماثلة في هذا الموضوع القديم، لكنه ليس بالضبط ما أريد القيام به، وأنا لست متأكدًا مما إذا كانت التنفيذ التقني لا يزال ينطبق:

2

هذا ليس السلوك الافتراضي… لذا ربما يكون الأمر متعلقًا بسمة؟ هل تستخدم Horizon؟ أعتقد أن هذه السمة تغير سلوك الشعار

3

مرحباً، شكراً لردك. كنت أستخدم Sam's Simple Theme لسنوات، ولا أعتقد أنه يعدل سلوك الشعار. كما أستخدم أيضاً GitHub - discourse/discourse-full-width-component: Make Discourse occupy the full browser width · GitHub. على أي حال، تمكنت من التعامل مع بعض الغرائب باستخدام قواعد CSS مخصصة، لكنها لم تعد تعمل مع أحدث إصدارات Discourse ESR. أعتقد أن جذر المشكلة هو هذا:

هل يمكنك تأكيد ما إذا كان هذا السلوك هو الافتراضي؟

4

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

[quote=“sb56637, post:3, topic:408767”]

هل يمكنك تأكيد ما إذا كان هذا السلوك هو الافتراضي؟
[/quote]\n
لا… إليك الشعار الصغير في سمة Foundation دون أي مكونات سمة، بعرض 1020 بكسل

image
image2168×396 60.9 KB

وإليك سمة Foundation مع مكون العرض الكامل

image
image2138×270 55.3 KB

5

أوه، أنت على حق…

// عندما تكون الشريط الجانبي مرئيًا، اجعل شعار "الرئيسية" في حالة "غير مُصغّر".
  const transformerExists = api.registerValueTransformer?.(
    "home-logo-minimized",
    ({ value, context }) => {
      if (value && context.showSidebar) {
        return false;
      }
      return value;
    }
  );

^ وهذا أيضًا، لكنه مخصص للاختبار التلقائي فقط، أليس كذلك؟

هل توجد طريقة نظيفة ومعقولة "للتجاوز على التعديل

6

أعتقد أن الأسهل هو إضافة إعداد إلى المكون الحالي، وهو ما قمت به للتو! UX: add a setting to disable logo changes - Pull Request #71 - discourse/discourse-full-width-component - GitHub

إذن الآن يمكنك الانتقال إلى إعدادات السمة وتحديد مربع “استخدام سلوك الشعار الافتراضي”

image
image1186×248 27.3 KB

7

رائع!! شكراً جزيلاً لكris.
هل ستكون هذه الإضافة متاحة لإصدار ESR؟ حالياً يقول أن مكون العرض الكامل لدي المظهر محدّث مع d-compat/2026.7

8

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

9

ممتاز، شكراً جزيلاً لك!