تراجع CSS: .navigation-container border-bottom لا يحتوي على مسافات بعد آخر تحديث

تجربة المستخدم
,
1

مرحباً فريق Discourse :waving_hand:،

بعد التحديث الأخير، لاحظت تراجعاً في CSS يتعلق بالعنصر .navigation-container في صفحات الفئات.

في السابق، كان هناك تباعد طبيعي أو هامش بين الحد السفلي لـ .navigation-container والمحتوى أدناه (مثل مربعات الفئات). الآن، الحد ملتصق بإحكام بالعنصر التالي، بدون هامش أو حشوة، مما يبدو ضيقاً بصرياً وغير متناسق.

بدأ هذا فقط بعد التحديث الأخير. يبدو أنه قادم من:

.navigation-categories .navigation-container,
.categories-list .navigation-container {
  border-bottom: 3px solid var(--primary-low-mid-or-secondary-high);
}

لقد قمت بإصلاحه يدوياً عن طريق إضافة:

margin-bottom: 24px;

هذا يعيد التباعد، ولكن من الناحية المثالية، يجب أن يتم التعامل مع هذا بواسطة النواة أو السمة الافتراضية.

قبل:

image
image1141×155 26.8 KB

بعد:

image
image1119×131 15.5 KB

مع خالص التقدير

3 إعجابات
3

مرحباً،

لا يمكنني إعادة إنتاج هذه المشكلة. هل تراها هنا على ميتا أم على موقعك الخاص فقط؟

هل يمكنك مشاركة الصفحات التي تراها عليها بالضبط؟ على سبيل المثال، لقد تحققت من https://meta.discourse.org/categories هنا على ميتا، والتي تبدو جيدة بالنسبة لي.

4

أعتقد أنه يمكنني تكرار هذا باستخدام سمة الهواء هنا على Meta

Screenshot_20250804_132525_Firefox
Screenshot_20250804_132525_Firefox1749×679 111 KB

3 إعجابات
5

شكراً، هذا يساعد.

@jordan.vidrine ربما بسبب المتغير العام الجديد؟

.container.list-container.--categories {
  padding: 0 var(--list-container-categories-padding-x);
}

سمة Air تستخدم مكوناً مخصصاً custom-category-boxes-container لذلك لا أعتقد أن هناك إصلاحاً عاماً أساسياً لهذا. تم تعديل تخطيطات صفحات الفئات الخاصة بنا لتناسبها على حد علمي: عرض المربعات العادي يبدو جيداً.

@xkhalid هل تستخدم أي مكونات مخصصة في تلك الصفحة؟

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

مرحباً،

أنا أستخدم Air-Theme

وهذه هي الإضافات الخاصة بي:

صورة
صورة1290×850 77.8 KB

صورة
صورة1290×2323 104 KB

صورة
صورة1290×398 70.9 KB

7

حسنًا، هذا يفسر الأمر، شكرًا لك. سنقوم بإصلاح سمة الهواء قريبًا.

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

شكرا @chapoi على استجابتك السريعة!

لقد أضفت هذا داخل CSS لإصلاحه مؤقتًا:

.navigation-categories .navigation-container,
.categories-list .navigation-container {
    border-bottom: 3px solid var(--primary-low-mid-or-secondary-high);
    margin-bottom: 24px;
}
إعجاب واحد (1)
10

تم الإصلاح في

شكرا على التقرير!

4 إعجابات
11

تم إغلاق هذا الموضوع تلقائيًا بعد 4 أيام. لم يعد يُسمح بالردود الجديدة.