تصفية حسب مشاكل عرض القائمة المنسدلة التي تم حلها

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

يبدو أن ملف solutions.scss يفتقر إلى عنصر display.

يبدو أن .select-kit يحتوي على display: inline-block; مما يجعل .select-kit.solved-status-filter بنفس القيمة. هذا يتسبب في ظهور مربع التصفية بشكل مختلف عن باقي مربعات التصفية.

لقد قمت بتجاوز مؤقت باستخدام display: flex; لهذا العنصر. كنت سأقدم طلب سحب (PR) لإصلاح المشكلة، لكن لا توجد معلومات كافية حول كيفية تفضيلكم تقديم المساهمات.

كملاحظة جانبية، تستخدم فلاتر أخرى السهم الأيمن للحالة الساكنة، بينما يستخدم هذا السهم للأسفل في الحالة الساكنة.

Screenshot_2021-02-12 Latest topics - Pi-hole Userspace

إعجابَين (2)
2

شكرًا لك على الإبلاغ عن ذلك! يمكنني تكرار المشكلة في نسختي المحلية من Discourse التي تعمل بأحدث كود لـ Discourse، لذا يبدو أن المشكلة لم يتم إصلاحها بعد.

لقد قمت بنقل مشاركتك إلى موضوع جديد في فئة UX لمساعدتنا في تتبع المشكلة.

4 إعجابات
4

لدي إصلاح جاهز هنا:

إذا قمت بالتحديث الأسبوع القادم، فسيكون متوفرًا. تم دمجه وهو متاح الآن.

وفي غضون ذلك، يمكنك إضافة هذا الكود CSS إلى سمة موقعك إذا رغبت في إصلاحه فورًا:

.select-kit {
  &.solved-status-filter {
    margin-bottom: var(--nav-space); // متغير أساسي
    .select-kit-header {
      margin: 0;
    }
  }
}
4 إعجابات
5

لاحظت في بعض الأماكن أن المحددات التي تستخدم متغيرات في قيم الخصائص تتغير من تنسيق $var إلى تنسيق --var. هل هذا تغيير في الإطار وهل تم توثيقه في أي مكان؟

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

بالنسبة للألوان، قمنا بتغيير استخدام متغيرات SCSS إلى خصائص CSS المخصصة لدعم الوضع الداكن… هناك المزيد من التفاصيل هنا: Update themes and plugins to support automatic dark mode

كما أننا نستخدم الخصائص المخصصة بدلاً من إضافة متغيرات sass جديدة في أماكن أخرى حيثما أمكن، مع وجود إيجابيات وسلبيات لكل طريقة.

4 إعجابات