أواجه نفس المشكلة مع مخطط الألوان الافتراضي (لم أقم بتغيير المخطط من قبل).
من الغريب أن الخلفية والأيقونة تستخدمان نفس اللون --primary-low-mid، ولا يمكنني رؤية أي تغييرات حديثة حول ذلك. 
إعجابَين (2)
حسناً شكراً على التقرير، لقد وجدت المشكلة وتم إصلاحها.
إعجاب واحد (1)
مرحباً يا رفاق. أنا أستخدم سمة Air وأود عرض أحدث المشاركات للمستخدمين على الصفحة الرئيسية للمنتدى، ولكن سمة Air تعرض الفئات فقط ولا يوجد أيضًا عرض لمشاركة النشاط الأخير (كما في السمة الافتراضية).
كيف يمكنني جعلها تعرض كلاً من الفئات وأحدث المشاركات (أسفل الفئات مباشرة) على الصفحة الرئيسية للأجهزة المحمولة؟
قد لا تكون الطريقة الأنظف للقيام بذلك، ولكن أضف هذه الأسطر في CSS لسطح المكتب
.topic-list-data.num.views {
display: unset;
}
td.topic-list-data.num.views {
display: flex;
order: 4;
justify-content: center;
align-items: center;
}
إعجاب واحد (1)
مرحباً بالجميع، لقد قمت للتو بالتحديث إلى سمة Air. أحببتها بالمناسبة.
لكنني كنت أستخدم صورة خلفية على شاشة تسجيل الدخول باستخدام discourse-trendy-login ولكن الآن أستخدم سمة Air ولا يمكنني جعل صورة الخلفية تظهر. كيف يمكنني تغيير هذا؟ شكراً مقدماً.
هل يمكنك مشاركة رابط لموقعك؟
أعتقد أن هذا يجب أن يعمل معك:
.background-container {
display: none;
}
يرجى الإبلاغ هنا إذا لم ينجح ذلك.
إعجاب واحد (1)
مرحباً جوردان،
أواجه تأثيرًا مثيرًا للاهتمام عند تعيين لافتة بصورة. إنها تقوم بتمديد الصورة مما يجعلها تمرر أفقيًا.
بينما يبدو أن الـ onebox يحترم العرض.
يُظهر ما يلي الشريط العلوي للافتة وهو يمر إلى اليمين، مما يوسط “cleaning sed” و “edit”.
لقد جربت أحجام صور مختلفة. في منشور الموضوع، تظهر اللافتة بشكل جيد. يؤثر هذا أيضًا على مربعات YouTube التي يتم سحبها باستخدام إضافة RSS على الأقل. لم يتم الاختبار باستخدام الـ onebox العادي لـ YouTube.
كيف يمكنني إصلاح هذا؟ وهل هناك طريقة باستخدام CSS لزيادة ارتفاع اللافتة المرئية؟
لقد سأل العديد من الأشخاص عن عرض الفئات الفرعية في صفحة الفئات. هذا يتعلق بمكون فئة حديثة + مربعات مجموعات، ولكن نظرًا لأنه لا يحتوي على موضوع خاص به (أليس كذلك؟) سأشارك النتائج التي توصلت إليها هنا:
هذا يعمل:
/* يعرض الفئات الفرعية */
.custom-category-boxes:not(.above-discovery-categories-outlet) .subcategories {
display: inline-flex;
flex-flow: wrap;
}
.custom-category-boxes:not(.above-discovery-categories-outlet) .subcategory {
display: inline-flex;
align-items: baseline;
margin-right: .3em;
}
/* يزيل صور الفئات من القائمة */
.custom-category-boxes:not(.above-discovery-categories-outlet) .subcategories .subcategory .subcategory-image-placeholder {
display: none;
}
أيضًا، إذا كان لديك العديد من الفئات الفرعية، فربما ترغب في عرض فئة واحدة لكل صف.
/* فئة واحدة لكل صف */
.custom-category-boxes:not(.above-discovery-categories-outlet) {
grid-template-columns: 1fr;
}
النتيجة تبدو كالتالي:
أعتقد أن المربعات لها حد أقصى للارتفاع ولكنني لم أجد طريقة لإزالته. ليس لدينا ما يكفي من الفئات الفرعية بعد لرؤية المشكلة على سطح المكتب، لكننا نصل إلى الحد الأقصى على الهاتف المحمول:
أي أفكار لحل هذه المشكلة؟
إعجابَين (2)
لدي مشكلة في الاستجابة مع هذا القالب في متصفحي كروم وإيدج، بينما يعمل بشكل جيد مع فايرفوكس.
كيف يمكنني إصلاح ذلك؟
شكراً لك
هل هناك أي طريقة للاحتفاظ بصور الأفاتار في قائمة الموضوعات على سطح المكتب بتنسيق دائري؟ لقد تحققت على الهاتف المحمول وهي في شكل دائري، ولكن لماذا مربعة على سطح المكتب.
إعجاب واحد (1)
مرحباً في سمة Air الخاصة بي، الصور الرمزية لسطح المكتب دائرية كما هو الحال في الهاتف المحمول.
هل لديك مكون يغير الصورة الرمزية إلى مربعة؟
التعديل حسب المنشور الأصلي يبدو أنه يجب أن تكون مربعة…
لا، لا أفعل. أنا أستخدم سمة Discourse الافتراضية وسمة Air. تستخدم سمة Discourse الافتراضية التنسيق الدائري. إذا نظرت إلى صور اللوحات الأخرى أعلاه، فكلها مربعة.
والصور الرمزية لا تبدو سلسة.
إعجاب واحد (1)
قد يكون من الممكن استخدام هذا Theme component لتصحيحه.
إعجابَين (2)
هذا بالضبط ما أحتاجه. شكراً جزيلاً!
إعجاب واحد (1)
هل يمكن لشخص ما أن يخبرني كيف أغير خلفية هذا المظهر؟
هل يمكنك أن تكون أكثر تحديدًا؟ هناك عدد قليل من الأماكن التي يمكنك فيها تعديل الخلفية بصورة.
مرحباً @jordan.vidrine، لقد لاحظت في بعض الأماكن عدم وجود حاوية حول المحتوى.
أفضل أن تكون هذه العناصر “فقاعية”. لأنها تجعل القراءة صعبة عندما ينتقل بعض النص، على سبيل المثال، من خلفية بيضاء إلى زرقاء.
هذه هي الشارات. ولكنها تفعل ذلك أيضًا في “Earned …”
أفضل الفقاعة بدلاً من العمود الأبيض المستقيم لأنني أعتقد أن لها تأثيرًا أجمل. سيكون هذا جيدًا أيضًا للعناصر العائمة الأخرى وحتى لرؤوس مجموعات الفئات الحديثة.
إعجاب واحد (1)
تعديل لدعم سمة Air لمن هو متصل Plugin
إنشاء Theme component
تعديل CSS المشترك وإضافة هذا الكود
// تخصيص Whis Online
.discovery-list-container-top-outlet.online_users_widget {
display: flex;
padding-top: .38em;
background-color: var(--secondary);
border: 1px solid rgba(var(--primary-rgb), 0.2);
border-radius: 0.65em;
transition: box-shadow 100ms ease-in-out;
box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.05);
}
تمكين المكون في سمة Air
النتيجة السابقة كانت تظهر بدون لون خلفية أو حدود مما يجعل من الصعب رؤيتها وقراءتها
هناك عدد قليل من المناطق التي أود إصلاحها والتي تعاني من هذه المشكلة.
مثال معروض في منشوري السابق.
تعديل إضافة إصلاح إضافي للبانر العام مشكلة
معلومات إضافية حول مواصفات البانر العام:
// إصلاح صورة البانر العام
#banner img {
width: 100%;
height: auto;
}
شكر خاص @awesomerobot لتقديم مقتطف الكود هذا
إعجاب واحد (1)
مرحباً بالجميع، كنت أحاول فقط إضافة بعض CSS المخصص لهذا القالب ولكن الخيار غير موجود مع خيارات تخصيص القالب الأخرى. ما الذي أفتقده؟