ثيم Discourse Vincent

تخصيص موضوع
276

أعلم أن هذا متأخر ببضعة أشهر، ولكن…

في الوقت الحاضر، أستخدم نسختي الخاصة من المشروع التي لا تعاني من هذه المشاكل. ولكن إذا كنت ترغب في حل بسيط باستخدام CSS، فلا يزال لدي بعض الإصلاحات القديمة.

إليك اثنان قد تجدهما ذوي صلة:

/* إصلاحات الهامش الزائد في أعلى الصفحة.
 * ملاحظة: يجب أن يزيل هذا الفجوة الكبيرة بين محتوى صفحتك وأعلى الصفحة.
 */
#main-outlet {
    padding-top: 1.8em;
}

/* يجب أن يكون التفاف النص في المنتصف، ويشغل فقط عرضًا معينًا من الشاشة.
 * ملاحظة: قد يساعد هذا الإصلاح تحديدًا في حل مشكلة تخطيط الموضوع/المنشورات لديك!
 */
.wrap {
    max-width: 1110px;
    /* max-width: 60vw;*/
}

/* إصلاحات لمشاكل تخطيط قائمة الفئات.
 * ملاحظة: هناك طرق أفضل بكثير للقيام بذلك.
 */
#topic-footer-buttons, .top-title-buttons, .user-badge, #user-card.show-badges .more-user-badges, .category-list tbody .category, .nav-pills>li, .layouts-nav-button>li {
    display: revert;
}
.nav-pills>li {
    display: flex;
}

/* اجعل النص الغامق غامقًا بالفعل.
 * ملاحظة: بدلاً من ذلك، قم بتغيير وزن الخط الافتراضي للموضوع إلى 400.
 * المشروع الأصلي لديه وزن الخط الافتراضي 300 المستخدم لكل شيء، مما يجعل النص الغامق/القوي يستخدم شيئًا مثل 400 لأنه تم تعيينه على "أكثر سمكًا".
 * على معظم الخطوط، هذا غير قابل للتمييز حرفيًا عن 300.
 */
b, strong {
    font-weight: 700;
}

/* يزيل الهامش من الحاوية للروابط الداخلية المتبادلة المدرجة تحت المنشورات. */
.post-links-container {
    margin-left: 0;
}

/* يحسن تصميم نص "آخر زيارة" في قائمة الموضوعات. */
.topic-list .topic-list-item-separator .topic-list-data span {
    color: var(--primary);
    border: 1px solid var(--secondary-very-high);
    font-weight: bold;
}
.topic-list .topic-list-item-separator .topic-list-data span {
    background-color: var(--secondary);
}

/* يحسن تصميم نص "آخر زيارة" في منشور الموضوع. */
.small-action.topic-post-visited .topic-post-visited-line {
    border-bottom: none;
}
.small-action.topic-post-visited .topic-post-visited-line .topic-post-visited-message {
    color: var(--primary);
    border: none;
    font-weight: bold;
}
.small-action.topic-post-visited .topic-post-visited-line .topic-post-visited-message {
    background-color: transparent;
}
4 إعجابات