مرحباً مكون السمة هذا يقوم بتفعيل الصور الرمزية اللاصقة للجوال.
– أضف لقطات شاشة (إن وجدت) –
– أضف المزيد من التفاصيل واشرح الإعدادات (إن وجدت) –
لقد أعدت استخدام ميزة الصور الرمزية اللاصقة الأساسية لجعلها قابلة للاستخدام على الجوال.
القسم بأكمله (الصورة الرمزية للموضوع + بيانات تعريف الموضوع) لاصق في الأعلى. إذا كان ارتفاع المنشور طويلاً خارج الشاشة أو عند التمرير لأعلى في المنشورات الطويلة. لقد قمت بإزالة الصورة الرمزية اللاصقة للمنشورات القصيرة عند التمرير لأعلى، لذا فهي تنشط فقط في المنشورات الطويلة على الجوال.
لقد قمت بتعطيل هذه الميزة في الرسائل الشخصية باستخدام تجاوز CSS.
نظرًا لأنني قمت بتعيين لون خلفية var(--secondary) للقسم اللاصق، فقد نقلت تمييز منشور الموضوع من .topic-post إلى .topic-post .contents بحيث يتم تمييز القسم الموجود أسفل الصورة الرمزية وبيانات التعريف فقط.
كيف يمكنني تطبيق ظل إسقاط أسفل إطار الصورة الرمزية الثابتة؟
(شيء مثل هذا: box-shadow: 0 -10px 30px 8px #CCCCCC;)
سيكون من الجيد لو كانت هناك ميزة في مكون السمة لإضافة ظل إسقاط خفيف، حيث يمكن للمسؤول إدخال رمز سداسي عشري (#HEX) وانتشار التمويه أو شيء من هذا القبيل. ولكن ربما لا يستحق الأمر مجهودًا كبيرًا من جانبك.
في الوقت الحالي، ما هو تجاوز CSS المناسب لاستهداف/تمكين ظل الإسقاط؟
عندما حاولت استهداف topic-meta-data، فإنه يضع الظل حول العنصر بأكمله، وليس فقط الجزء السفلي، ولم يشمل الظل أيضًا topic-avatar.
مكون السمة هذا يقوم بتفعيل الصور الرمزية اللاصقة للجوال.
|المستودع| GitHub - VaperinaDEV/discourse-mobile-sticky-avatars: Sticky Avatars for Mobile |
|دليل التثبيت|كيفية تثبيت سمة أو مكون سمة|
|جديد في سمات Discourse؟| دليل المبتدئين لاستخدام سمات Discourse
