التفاف عنوان الشريط الجانبي والتمرير

لا يعجبني هذا بشكل خاص. الشريط الجانبي للتنقل في وضع القائمة المنسدلة:

أيضًا، في وضع القائمة المنسدلة، لا يتطلب الأمر الكثير لجعل القائمة تحتوي على شريط تمرير حتى لو كان لا يزال هناك مساحة على شاشة سطح المكتب لتتوسع دون الحاجة إليه. هل يمكن إصلاح هذا؟

يريد المستخدمون الخاصون بي الشريط الجانبي المنسدل بدلاً من الشريط الموسع لأنه يشبه إلى حد كبير قائمة الهامبرغر القديمة القديمة وهو على الجانب الأيمن.

ولماذا يتضمن كل شيء الجديد وغير المقروء؟ يجب أن يكونا منفصلين؟

أحتاج أيضًا إلى إخراج رابط الأسئلة الشائعة من هناك ولم أكتشف بعد CSS لذلك.

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

قد تكون هناك حلول أكثر أناقة أو دقة، وأعتقد أن الشريط الجانبي سيكون أكثر قابلية للتخصيص في المستقبل، ولكن الحل الذي قد يكون غير موثوق به باستخدام CSS سيكون:

.sidebar-section-link-wrapper:nth-last-child(2) {
    display: none;
}

إنه يستهدف الموضع الحالي للعنصر الأب لرابط الأسئلة الشائعة (العنصر الأخير -1). وجود عناصر أخرى بين رابط الأسئلة الشائعة ونهاية القائمة سيجعل محدد CSS لا يستهدف العنصر المناسب بعد الآن.

ولكن إذا كنت واثقًا من أن هذا الجزء من القائمة لن يتغير، فيمكنك المضي قدمًا.

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

شكرا @Canapin - أنا جيد جدًا في CSS وأستخدم الكثير منه في منتداي وأنا بخير معه. لم أكن قد اكتشفت تمامًا كيفية استهداف تلك العناصر وكنت آمل في القيام بذلك دون رمز العنصر الفرعي للسبب الذي أشرت إليه. لقد استخدمت الكثير من CSS لتغيير محتويات القائمة القديمة القديمة أيضًا، لكن كان من الأسهل الوصول إليها باستخدام CSS. في الواقع، أريد معالجة هذا القسم بأكمله تحت “المجتمع” ووضع الأشياء بترتيب مختلف، لذلك أشك في أنني سأحتاج إلى استخدام بعض جافا سكريبت أيضًا. أريد حقًا أن يكون هذا الجزء قابلاً للتخصيص للمسؤولين. شكرا مرة أخرى على النصيحة! :slight_smile:

أيضًا، لا يزال غير واضح حقًا ما هو “كل شيء”. أرغب في إعادة تسميته ليكون أكثر تحديدًا. :thinking:

نعم، لا يحتوي حاوية الروابط على فئات فريدة، لذا من الصعب استهدافها في الحالة الحالية.

قد تكون مهتمًا بهذا: sidebarMod: Add/Remove Sidebar Links and Sections

يمكنك البحث عن js.sidebar.sections.community.links.everything.content في تخصيص → نص :slight_smile:

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

حسنًا، لقد نجح كود CSS هذا. كنت قلقًا من أنه سيؤثر على عرض الموظفين لهذا الجزء من القائمة. شكرًا لك! :innocent:

للأسف، لم أتمكن من جعل استبدال النص يعمل :expressionless:

تعديل: حتى بعد إعادة تحميل المتصفح عدة مرات، اضطررت إلى تبديل السمات للحصول على استبدال النص. ذاكرة التخزين المؤقت لـ Chrome مؤلمة. :woman_facepalming:

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

لقد قمت أيضًا بتغيير النص المقابل عند تمرير مؤشر الفأرة فوقه:

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

لذا، هذا يعمل على إخفاء الأسئلة الشائعة، لكنني اكتشفت منذ ذلك الحين أنه يؤدي أيضًا إلى إخفاء عنصر غير مرغوب فيه في كل قسم من القائمة :sweat_smile:، ولكن بالطبع يفعل ذلك :woman_facepalming: :upside_down_face:
يجب أن أستمر في كتابة الأسئلة الشائعة أو تفويضها لمستخدم.

نعم، هذا صحيح.

#sidebar-section-content-community .sidebar-section-link-wrapper:nth-last-child(2) {
    display: none;
}

يجب أن يكون أفضل.

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

مرحباً،
يمكنك استهداف هذه أيضاً باستخدام السمة data-link-name.
على سبيل المثال

.sidebar-section-link-wrapper {
  .sidebar-section-link {
    &[data-link-name="faq"] {
      display: none;
    }
  }
}
إعجاب واحد (1)

نعم، كنت أحاول استخدام هذه الطريقة في المرة الأولى وكان بناء جملة رابط البيانات خاطئًا. لقد نسيت الجزء “-name” وظننت أنه غير قابل للتنفيذ بطريقة ما. غبي مني لأن هذا يشبه الطريقة التي فعلتها بها مع القائمة القديمة. DOH :woman_facepalming: شكرًا لك.

فقط على الهامش، الطريقة child قابلة للاستخدام فقط للعرض المكتبي.

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

المشكلة هي أن جميع الروابط موجودة داخل عناصر قائمة لها نفس الفئات بالضبط.
إذا قمت بإخفاء الرابط، يبقى عنصر القائمة ويشغل مساحة على الرغم من كونه “فارغًا”.
هل فاتني شيء؟

إعجابَين (2)

سيكون الأمر رائعًا عندما يصبح قسم المجتمع يعمل بالكامل في النواة. لقد قمت بتغيير عنوان “المجتمع” بسهولة. لكنني أرغب في تغيير ترتيب العناصر. على سبيل المثال، في العرض على الهاتف المحمول، يكون رابط “منشوراتي” فوق “المسؤول” و “المراجعة”، وبالتالي تكون “المراجعة” في قسم “المزيد”. موظفاي لا يحبون هذا وأنا أتفق على أن ضوابط المشرف يجب أن تكون لها الأسبقية على “منشوراتي”. ربما يجب أن أقدم طلب ميزة تجربة مستخدم، لكنني أعلم أن الفريق يعمل على جعل ذلك قابلاً للتخصيص لنا في المستقبل على أي حال.
أعتقد أنه يمكنني دائمًا إخفاء رابط منشوراتي ثم نقله إلى قسم الروابط العامة. لا أعرف، أنا متأكد من أنني أحاول فعل الكثير بهذا القائمة.

إعجابَين (2)

نعم، أفهم. بالنسبة لهذه الأنواع من المشاكل، سيكون من الرائع استخدام المحدد الزائف :has ولكنه محدود بعض الشيء هنا.

.sidebar-section-link-wrapper {
  &:has(.sidebar-section-link[data-link-name="faq"]) {
    display: none;
  }
}
إعجابَين (2)