القائمة الجانبية على اليسار على الهاتف المحمول

One thing we never got around to and caused some confusion after our work on Full height, slide out hamburger menu was that the hamburger menu, on the right side, opens a menu from the left side. For those interested in rearranging the header, this is for you:

Screenshot from 2020-09-18 12-19-27

Mobile menus appearing in the upper-left corner of the screen is not very reachable single-handedly which is why this is a standalone theme component. Options, yanno?

36 إعجابًا

Very nice. Is it possible to extend the component and add the option for the logo to be in the middle of the bar when the menu icon is on the left? I think it’s the most logical way (speaking of ux).

4 إعجابات

Sure, I’ve added a theme option for you to make the logo more centered - enjoy! :slight_smile:

Screenshot from 2020-09-21 09-57-37

Screenshot from 2020-09-21 09-56-45

9 إعجابات

Would it be possible to customise this for the desktop version as well ?

Thanks for the theme component @featheredtoast

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

I’d consider desktop out of scope for this particular theme component.

You could certainly do something similar for desktop if you were looking to reposition elements as adopting the same techniques I used here for desktop certainly wouldn’t be too difficult in a separate theme if you’ve got something in mind you’d like to do.

إعجابَين (2)

Thank you for the reply :slight_smile: I lack the skills to build one myself, but probably should be teaching myself those :wink:

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

لقد واجهت هذه المكونة خطأ مؤخرًا، عند تفعيله، كل شيء يصبح غير متناسق، كيف يمكنني إصلاحه؟
image

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

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

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

نظرًا لأننا تلقينا تقريرين يفيدان بأن مكون السمة هذا لا يعمل حاليًا، فقد أضفت علامة broken. :+1:

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

كما هو مذكور في OP:

القوائم على نفس الجانب على الهاتف المحمول للاستخدام بيد واحدة.

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

هل هناك أي أخبار حول متى/إذا كان سيتم إصلاح هذا؟

اعتذر عن التأخير في هذا، @benji قدم إصلاحًا لهذا، أخبرني إذا كانت هناك أي مشاكل أخرى

إعجابَين (2)

شكراً جزيلاً @featheredtoast و @benji!

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

انظر لقطة الشاشة (أيقونة الدردشة انتقلت إلى صف ثانٍ):

هذا ما تبدو عليه الحالة مع تعطيل مكون السمة “القائمة اليسرى للهامبرغر على الهاتف المحمول”:

آمل أن يكون ذلك مفيدًا!

إعجابَين (2)

هذا مفيد؛ شكرًا لك! لقد انتهيت تقريبًا لهذا اليوم ولكن سأضع ملاحظة لنفسي للتحقق من ذلك يوم الاثنين. أعتقد أنني أعرف ما يحدث.

3 إعجابات

صباح الخير يا @Robin.Grant! أردت فقط التأكيد على أن لقطات الشاشة هذه تم التقاطها بعد تنزيل التحديث إلى سمة “الجانب الأيسر”؟ أحاول إعادة إنشائها محليًا الآن.

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

نعم - 100%

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

تم سحب إصلاح لهذا، شكراً جزيلاً @benji

جربه @Robin.Grant

3 إعجابات