صور رمزية ثابتة للجوال

– صف هذا السمة/المكون بجملة أو جملتين –

مرحباً :wave: مكون السمة هذا يقوم بتفعيل الصور الرمزية اللاصقة للجوال.

– أضف لقطات شاشة (إن وجدت) –

– أضف المزيد من التفاصيل واشرح الإعدادات (إن وجدت) –

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

لقد قمت بتعطيل هذه الميزة في الرسائل الشخصية باستخدام تجاوز CSS.

نظرًا لأنني قمت بتعيين لون خلفية var(--secondary) للقسم اللاصق، فقد نقلت تمييز منشور الموضوع من .topic-post إلى .topic-post .contents بحيث يتم تمييز القسم الموجود أسفل الصورة الرمزية وبيانات التعريف فقط. :arrow_down_small:

في هذا المنشور، يتم تمييز قسم المحتويات فقط.

– أضف روابط المعاينة والمستودع –

|||
|-|-|-|
| :hammer_and_wrench:|المستودع| GitHub - VaperinaDEV/discourse-mobile-sticky-avatars: Sticky Avatars for Mobile |
| :question:|دليل التثبيت|كيفية تثبيت سمة أو مكون سمة|
| :open_book:|جديد في سمات Discourse؟| دليل المبتدئين لاستخدام سمات Discourse

13 إعجابًا

عمل رائع يا @Don!

كيف يمكنني تطبيق ظل إسقاط أسفل إطار الصورة الرمزية الثابتة؟
(شيء مثل هذا: box-shadow: 0 -10px 30px 8px #CCCCCC;)

سيكون من الجيد لو كانت هناك ميزة في مكون السمة لإضافة ظل إسقاط خفيف، حيث يمكن للمسؤول إدخال رمز سداسي عشري (#HEX) وانتشار التمويه أو شيء من هذا القبيل. ولكن ربما لا يستحق الأمر مجهودًا كبيرًا من جانبك.

في الوقت الحالي، ما هو تجاوز CSS المناسب لاستهداف/تمكين ظل الإسقاط؟

عندما حاولت استهداف topic-meta-data، فإنه يضع الظل حول العنصر بأكمله، وليس فقط الجزء السفلي، ولم يشمل الظل أيضًا topic-avatar.

أي نصيحة ستكون محل تقدير كبير! :folded_hands:

أيضًا، أتلقى رسالة خطأ مع مكون السمة هذا (انظر أدناه). هل لم يعد هذا المكون تتم صيانته؟

[إشعار المسؤول] يحتوي السمة ‘Sticky Avatars for Mobile’ على تعليمات برمجية تحتاج إلى تحديث. (id: discourse.widgets-decommissioned) (اعرف المزيد)

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

@Don هل لديك أي أفكار لسبب حصولي على هذا الخطأ في كل مرة أزور فيها موقعي على الهاتف المحمول؟

إعجابَين (2)