قم بتحويل الشريط الجانبي الجديد من الجانب الأيسر إلى الجانب الأيمن (منتدى إنجليزي)

مرحباً يا رفاق،

لقد بحثت في المنتديات وسألت في الدردشة الجديدة قبل بضعة أيام. نُصحت بنشر الموضوع في المنتديات. آمل أن يتمكن شخص ما من المساعدة.

هل يوجد مكون إضافي لنقل الشريط الجانبي الجديد إلى اليمين؟

أو هل هناك طريقة مدمجة للتبديل من اليسار إلى اليمين؟

5 إعجابات

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

5 إعجابات

لعرض سطح المكتب:

    body #main-outlet-wrapper {
        grid-template-areas: "content sidebar";
        grid-template-columns: minmax(0, 1fr) 0;
    }
    
    body.sidebar-animate #main-outlet-wrapper {
        grid-template-areas: "content sidebar";
    }
    body.has-sidebar-page #main-outlet-wrapper {
        grid-template-areas: "content sidebar";
        grid-template-columns: minmax(0, 1fr) var(--d-sidebar-width);
        padding: 0 0 0 10px;
    }
8 إعجابات

شكرا. أين ألصق ذلك، هنا؟

لتكون في الجانب الآمن، يرجى وضعه في سطح المكتب->CSS

6 إعجابات

شكرًا! إنه يعمل جزئيًا. لا تزال قائمة الساندويتش في أعلى اليسار وتدفع الشعار.

أود أن تظل قائمة الساندويتش في الشريط العلوي في موضعها الأصلي مع الأيقونات الموجودة على الجانب الأيمن.

أيضًا، يؤدي تبديل الشريط الجانبي إلى جعل عرض الصفحة أضيق. (لدي عرض صفحة مخصص يتم تجاهله عند تمكين الشريط الجانبي)

عمل رائع @Lhc_fl :clap:

يوجد إعداد للموقع لهذا. ابحث عن navigation menu وقم بتعيينه إلى “Header Dropdown” :slight_smile:

4 إعجابات

لا، لقد أغفلت السؤال بأكمله. عند تمكين القائمة المنسدلة للرأس، تتم إزالة الشريط الجانبي. :slightly_smiling_face:

الموضوع يسأل عن “تبديل” الشريط الجانبي من اليسار إلى اليمين وإبقاء شريط الهامبرغر على اليمين حيث كان دائمًا. (يمكن للمرء أن يجادل بأنه ينتمي إلى هناك)

لدي بالفعل “القائمة المنسدلة للرأس” ممكّنة حتى تكون هناك طريقة لوضع كل من الشريط الجانبي والأيقونة على اليمين.

الشعار الموجود على اليسار يأخذك إلى “الصفحة الرئيسية للمنتدى” (رائع). ولكن الآن تم استبدال موضع الشعار بأيقونة تبديل الشريط الجانبي، ويمكنك تبديل الشريط الجانبي عن طريق الخطأ. أعتقد أن جميع أيقونات القائمة يجب أن تظل على اليمين.

لا تحتاج أيقونة تبديل الشريط الجانبي إلى التبديل باستمرار، لذا فإن نقلها إلى يسار الشعار هو نقطة اتصال مفرطة.

نفس الشيء مع الشريط الجانبي، أفضل أن يكون محتوى الصفحة على اليسار والشريط الجانبي على اليمين.

إنها مجرد تفضيل شخصي، أنا متأكد. لذلك أستفسر فقط، حيث يجب أن يكون أصحاب المنتديات الآخرون راضين عن كل شيء على اليسار.

4 إعجابات

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

لقد ألقيت نظرة على كود Discourse، والذي لا يزال يبدو وكأنه صيغ غامضة لساحر بالنسبة لي :mage: :scroll: يبدو أن المكونين يتم تقديمهما بشكل مختلف جدًا.

محتوى الرأس الذي يحتوي على أداة تبديل الشريط الجانبي: discourse/app/assets/javascripts/discourse/app/widgets/header-contents.js at fde9e6bc25227b69195181d45ee4360c25c279da · discourse/discourse · GitHub

أداة الشريط الجانبي: discourse/app/assets/javascripts/discourse/app/widgets/sidebar-toggle.js at 5b6604f5a7e1c8ff29fe556236dbf86872908b03 · discourse/discourse · GitHub

كود شطيرة الهامبرغر اليمنى الحالي: discourse/app/assets/javascripts/discourse/app/widgets/header.js at c43cb0c5716a3671a682c87295f5a7dad61eb65d · discourse/discourse · GitHub

ربما يساعد ذلك البعض في إنشاء مكون سمة لهذا الغرض.

3 إعجابات

شكرا! إنه شطيرة جبن مشوي بالمناسبة وليس همبرغر. :nerd_face:

إعجابَين (2)

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

أي مصطلح يجعلك أكثر جوعًا! :ضحك_بصوت_عال: على الرغم من أنني أعتقد أن الهامبرغر أكثر قابلية للتعرف عليه. شخصيًا، أحب تسميته “هامبرغلار”! :رجل_مباحث:

إعجابَين (2)

حسنًا، أضف هذا السطر.

span.header-sidebar-toggle {
    order: 1;
}

إعجابَين (2)

على أي حال، طلب بعض المستخدمين وضعه على الجانب الأيمن بعد طرحه. ربما اعتادوا على موقع الهامبرغر؟

4 إعجابات

شكراً على العمل الشاق والتحديثات. :coffee:

هل هذا ممكن الآن، بالصدفة؟

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

مرحباً @haydenjames :slight_smile:
لقد طلبت ذلك بالفعل كطلب ميزة هنا.
لا حاجة للنشر عدة مرات في مواضيع مختلفة، لذا قمت بنقل مشاركتك من Discourse 3.0 is Here! :slight_smile:
أيضًا، قدم @Lhc_fl حلولاً بديلة رائعة. :+1:

كانت الحلول البديلة قريبة جدًا بالفعل. كنت بحاجة فقط إلى بقاء أيقونة الهامبرغر الأيقونة الثانية من اليمين وليس الأولى إلى اليمين. لكن @Lhc_fl أكد أنه لا يمكن تحقيق ذلك عبر CSS وحده.

أفضل أن يكون المحتوى على اليسار والشريط الجانبي (الأقل استخدامًا) على اليمين - دون نقل موقع أيقونة الهامبرغر الأصلية.

تعديل: أعتقد أن السماح بحرية اختيار الجوانب وعدم تقسيم أيقونات الجانب الأيمن إلى يسار ويمين سيشجع المزيد من مالكي المنتديات على تمكين الشريط الجانبي.

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

أود الاحتفاظ بهذا:
image

بينما أحصل على هذا:

إذا كان ذلك ممكنًا في المستقبل… شكرًا. :handshake:

4 إعجابات

قد تتمكن من تعديل مكون السمة هذا لتحقيق موضع قائمة الهامبرغر.

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

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

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

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

حتى لو فعلوا ذلك، فإن وجود أيقونة الهامبرغر على يسار المنطقة النشطة لشعار العودة إلى المنزل ليس (في رأيي) مكانًا جيدًا ويتعارض مع التصميم السابق لـ Discourse، حيث تكون جميع الأيقونات على الجانب الأيمن من شريط القائمة العلوي. أود الاحتفاظ بذلك:
image
… مع الاحتفاظ بالمحتوى على اليسار والشريط الجانبي على اليمين. (وفقًا لقطة الشاشة أعلاه)

شكرًا على الرد! سأواصل قراءة المزيد عن هذا المكون الإضافي لفهم ما إذا كنا نشير إلى نفس التغييرات.

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

ما كنت أعنيه هو أنه بالإضافة إلى نقل اللوحة إلى اليمين باستخدام المكون @Lhc_fl. قد تتمكن من إعادة قائمة الهامبرغر بين البحث والملف الشخصي من خلال دراسة الكود في المكون الذي ربطته. إذا فهمت طلبك والمشكلة في الحل البديل الحالي الذي قدمه Lhc_fl.

نظرًا لأنه يستخدم بالفعل كودًا لنقل القائمة، فقد يحتوي الكود على تفاصيل كمثال لتعديله لتحقيق التأثير المطلوب الذي تبحث عنه.

على الهاتف المحمول، تكون لقطة الشاشة الخاصة بك في الموضع المطلوب الذي تبحث عنه في وضع سطح المكتب.

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

بالنسبة للعرض، هناك مكون جديد لتغيير عرض الموقع قد يكون من المثير للاهتمام استكشافه.

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

نعم، أنا آمل في ذلك. أنت على حق بشأن أيقونات القائمة في الهاتف المحمول مقابل سطح المكتب.

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