تحديث غيّر لافتات الأقسام الفردية بتقليصها إلى حجم صغير جدًا، كيف يمكن التراجع؟

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

بالنظر إلى الإعدادات الآن، يذكر أنها تريد نسبة عرض إلى ارتفاع 1:1، هل كان هذا دائمًا ما “يوصى به” أم أن هذا تغيير؟ أشعر أن هذا ليس ما قيل، لكنني لا أعرف. لم يكن مطلوبًا بالتأكيد. لأن كل لافتاتي تتطابق مع لافتة الموقع الرئيسي المصممة بشكل قاطع لتكون مستطيلة. هذا تغيير سيء إلى حد ما لإجباره، لقد صنعت حوالي 40 لافتة فريدة بشكل فردي.

ماذا تقصد بـ “لافتات الأقسام الفردية”؟

“شعارات الفئات” كل لوحة لها شعار. هذا الموقع لديه صندوق وردي عملاق مكتوب عليه “الدعم”

إذًا، هل لديك مشكلة مع مكون لافتة الفئة (الذي يستخدم لون الفئة، مثل الدعم هنا في Meta) أو مع وصف الفئة والصورة التي يعرضها Discourse core عند تحميل صورة فئة؟

هل جربت الوضع الآمن؟

إعجاب واحد (1)

تمت إعادة تصميم رؤوس الفئات مؤخرًا، UX: Category header restyle by jordanvidrine · Pull Request #34081 · discourse/discourse · GitHub

يمكنك تغيير حجم الصورة باستخدام بعض CSS، ربما يساعد شيء كهذا:

.category-heading__logo.category-logo.aspect-image {
  width: auto;
  height: 100px;
}
3 إعجابات

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

تعديل: يمكنك رؤية ذلك في لقطات الشاشة المنشورة في الرابط أعلاه UX: Category header restyle by jordanvidrine · Pull Request #34081 · discourse/discourse · GitHub كان النمط القديم على اليسار، باستثناء أن نسبة 1:1 لم تكن مطلوبة (أو مطلوبة) للشعار وكان التنسيق بأكمله مختلفًا. لقد أجبر الآن جميع الشعارات على مربع مصغر وأعاد تنسيق كل شيء مما يجعل النص الميزة المهيمنة، مما أدى إلى تدميرها كلها بالنسبة لنا.

لن تكون مشكلة لو كان مكتوبًا في الأصل استخدام نسبة 1:1، لم يكن كذلك لذلك قمنا بإنشاء إصدارات فردية لصورة اللافتة الرئيسية (وليس الشعار المربع) مع الحفاظ على نفس الشكل والتصميم، لكل قسم.

يبدو أن هذا سيعمل، سأضطر فقط إلى اللعب بالحجم، شكرًا لك!

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

@media (max-width: 768px) {
  .category-heading {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 0.3em; /* يضيف مسافة دنيا بين الشعار والنص */
  }

  .category-heading__logo.category-logo.aspect-image {
    height: 140px;
    width: auto;
    margin-bottom: 0; /* إزالة المسافة الإضافية */
  }

  .category-heading__title {
    font-size: 1.4em;
    margin-top: 0; /* منع المسافة الإضافية فوق النص */
  }
}

هذا يدفع النص تحت الشعار. إذا احتاج أي شخص آخر إليه..

إعجابَين (2)