علامة تبويب التنقل المحمول F NAV

[MihirR (Mihir)]

@MihirR

body.f-nav-hidden .d-header-wrap {
animation: none !important;
opacity: 1 !important;
transform: none !important;
visibility: visible !important;
position: sticky !important;
top: 0 !important;
z-index: 1000 !important; // تأكد من بقائه فوق العناصر الأخرى
}

بعد التحديث الجديد، لم يعد هذا يعمل. @Don هل قمت بإجراء أي تغييرات ذات صلة أو شيء من هذا القبيل؟

[Don]

@MihirR

هل أجريت بعض التغييرات ذات الصلة؟

مرحباً لا، لا أعتقد ذلك. كان آخر تغيير قبل شهرين. Merge pull request #6 from VaperinaDEV/show-label · VaperinaDEV/f-nav-for-mobile@085e07f · GitHub

[MihirR (Mihir)]

نعم، لقد عاد كل شيء للعمل. كانت بعض مكونات النسق الأخرى هي التي تسبب المشكلة.

[Don]

مرحباً هممم لا يمكنني تكرار هذا… ما هو الجهاز والمتصفح الذي تستخدمه؟

[clacle]

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

متصفح Edge على الكمبيوتر الشخصي

تطبيق Discourse Hub على iPhone

Safari على iPhone

Edge على Android

[clacle]

@Don

حسنًا، لا يمكنني إعادة إنتاج هذا… ما هو الجهاز والمتصفح الذي تستخدمه؟

استخدمت CSS التالي لضبط الموضع، وهو يعمل بشكل جيد جدًا.

/* Use Flexbox to center chat-channel-unread-indicator__number */
.chat-channel-unread-indicator {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative; /* Ensure the container has a positioning context */
}

/* Ensure the number element's styles do not interfere with centering */
.chat-channel-unread-indicator__number {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

[David_Ghost]

يبدو رائعًا. سيكون من الجيد عرضه للمستخدمين غير المسجلين أيضًا

[jrgong]

@Don هل تقبل طلبات السحب (PRs)؟ لقد أضفت ميزة لإضافة وظائف إضافية لفتح قائمة منبثقة حيث يمكنك إضافة عناصر إضافية.

في حالة الاستخدام الخاصة بنا، نريد إنشاء قائمة فرعية للحصول على اختلافات متعددة عند إنشاء موضوع جديد (على سبيل المثال، إرسال تقرير خطأ، إرسال طلب دعم، إرسال فكرة، إنشاء يوميات جديدة أو إنشاء موضوع جديد عادي)

انظر: GitHub - jrgong420/f-nav-for-mobile: F NAV - Mobile Navigation Tabs

[jrgong]

تحديث سريع لنسختي من “F-NAV for Mobile” مع زر الرجوع، وقائمة فرعية مخصصة، وعناصر تحكم في الرؤية

لماذا هذه النسخة؟

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

ملخص حول الميزات المضافة حديثًا

• أيقونة الرجوع في الرأس (اختياري)
  • يستبدل شعار الصفحة الرئيسية في الرأس بسهم رجوع على صفحات المواضيع
  • السلوك: الرجوع إذا كان هناك سجل، وإلا يتم التوجيه إلى “/”
  • التبديل باستخدام الإعداد: header_back_icon_enabled
• نوع علامة التبويب قائمة فرعية مخصصة
  • وظيفة جديدة لـ f_nav_tabs: customMenu
  • إعداد جديد: f_nav_submenu_items
    • تكوين عناصر القائمة مع التسمية وعنوان URL (أيقونة اختيارية)
    • رائع للوصول السريع إلى صفحات متعددة من علامة تبويب واحدة
• عناصر تحكم الرؤية المستندة إلى المجموعات
  • يمكن تحديد علامات التبويب وعناصر القائمة الفرعية وعناصر profile_extra_items لمجموعات محددة
  • السلوك:
    • مجموعات فارغة => مرئية للجميع
    • إذا تم تعيين المجموعات => يمكن فقط للأعضاء في مجموعة واحدة محددة على الأقل رؤيتها
    • لا يمكن للمستخدمين المجهولين رؤية العناصر المقيدة
• اختياري: إخفاء شريط التنقل على صفحات المواضيع
  • التبديل باستخدام الإعداد: hide_nav_in_topic
• ملفات “build” مضغوطة ووثائق اختبار
  • ملفات بناء ملائمة (v1–v5) تحت builds/
  • TESTING_GUIDE.md و TEST_RESULTS.md توثق التحقق اليدوي

تحسينات على الميزات الحالية

• عناصر وعلامات تبويب F-NAV
  • يضيف getter visibleTabs لاحترام رؤية المجموعة
  • يدمج مكون CustomSubmenu الجديد في تدفق FNavItem
• قائمة الأفاتار/الملف الشخصي في الرأس
  • تم نقل اكتشاف عرض الهاتف المحمول إلى المكون، مما يحسن السلوك ويحل التحذيرات
  • تدعم عناصر الملف الشخصي الإضافية الآن الرؤية المستندة إلى المجموعات
• التصميم وإمكانية الوصول
  • SCSS جديد للقائمة الفرعية المخصصة وأيقونة الرجوع
  • حالات التفاعل المتسقة عند التحويم/النشط/التركيز المرئي
  • شعاع حدود متسق مع المتغيرات الأساسية؛ تم تحسين الحشو/التباعد (على سبيل المثال، تم تعيين حشو زر الرجوع إلى 0)

إصلاحات الأخطاء والصيانة

• حل تحذيرات إهمال site.mobileView عن طريق نقل الفحوصات من المبدئات إلى عرض المكون
• إصلاح حالة حافة عرض عن طريق نقل وظيفة خارج كتلة
• صقل طفيف لمطابقة سلوكيات رأس Discourse (حالات التحويم/النشط، انتقالات الشفافية)
• تنظيفات CSS صغيرة (على سبيل المثال، التأكد من أن حشو زر الرجوع صفر، ومنع تغييرات الحجم العرضية)

---

مقارنة عالية المستوى (الفرع الأصلي مقابل الفرع المنسوخ)

• الأصلي (main): علامات تبويب F-NAV للجوال + استيراد دردشة اختياري؛ لا يوجد زر رجوع أو قائمة فرعية مخصصة
• النسخة (feat/home-logo-arrow-back):
  • يضيف ميزة أيقونة الرجوع في الرأس مع خيار احتياطي للتوجيه
  • يقدم وظيفة علامة التبويب “customMenu” مع عناصر قائمة فرعية قابلة للتكوين
  • يضيف رؤية مقيدة بالمجموعات لعلامات التبويب وعناصر القائمة الفرعية وعناصر الملف الشخصي
  • يخفي اختياريًا F-NAV على صفحات المواضيع
  • يحسن إمكانية الوصول واتساق حالات التفاعل
  • يوفر وثائق اختبار وبناءات مجمعة

ملاحظات:

• يستهدف هذا المكون إصدارات Discourse الحديثة التي تدعم مستوى واجهة برمجة تطبيقات المكونات الإضافية Discourse 1.14+ (كما هو موضح في المبدئات)
• إذا كنت تعتمد على الرؤية المستندة إلى المجموعات، فتأكد من تكوين مجموعاتك وعضوياتك أولاً

---

كلمة تحذير: يرجى الاختبار بحذر لأنني لست مبرمجًا، وتم إنشاء واختبار TC بالكامل بواسطة الذكاء الاصطناعي. يعمل بشكل أفضل مع 3.6beta1.

تحية كبيرة لـ Don على هذا المكون الرائع؛ إنه إضافة رائعة!