Гамбургер-меню слева на мобильных устройствах

Одна вещь, которую мы так и не успели сделать и которая вызвала некоторую путаницу после нашей работы над меню «гамбургер» на всю высоту с выдвижением, заключается в том, что меню «гамбургер» справа открывает меню с левой стороны. Для тех, кто заинтересован в перестановке заголовка, это сообщение для вас:

Мобильные меню, появляющиеся в верхнем левом углу экрана, неудобно открывать одной рукой, поэтому это отдельный компонент темы. Варианты, понимаете?

39 лайков

Очень хорошо. Возможно ли расширить компонент и добавить опцию для размещения логотипа в центре панели, когда иконка меню находится слева? Я считаю, что это наиболее логичный вариант (с точки зрения UX).

4 лайка

Конечно, я добавил опцию темы, чтобы логотип был более центрированным — наслаждайтесь! :slight_smile:

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

9 лайков

Возможно ли настроить это также для десктопной версии?

Спасибо за компонент темы @featheredtoast

1 лайк

Я бы счел десктопную версию не входящей в область применения этого конкретного компонента темы.

Вы, безусловно, могли бы реализовать нечто подобное для десктопа, если бы планировали изменить расположение элементов, так как использование тех же приемов, которые я применил здесь, для десктопа в отдельной теме не представляло бы особых сложностей, если у вас есть конкретная идея.

2 лайка

Спасибо за ответ :slight_smile: У меня нет навыков, чтобы сделать это самому, но, наверное, мне стоит научиться этому :wink:

Это можно включить только на планшете? Потому что такой UX отлично подходит для планшетов, но не очень для мобильных устройств (многие используют смартфоны одной рукой).

В последнее время в этом компоненте есть ошибка: при его активации всё смещается. Как это исправить?
image

1 лайк

Это не работает. Поскольку кнопка-гамбургер уже находится в левом верхнем углу на рабочем столе, можем ли мы сделать то же самое для мобильного интерфейса в базовом коде? Если нет, то что мешает такой унификации дизайна?

1 лайк

Так как у нас было несколько сообщений о том, что этот компонент темы в данный момент не работает, я добавил тег broken. :+1:

1 лайк

Как указано в первом посте:

На мобильных устройствах меню находятся на одной стороне для удобства использования одной рукой.

Спасибо, что указали на то, что я, несомненно, упустил при чтении. Я понимаю. Но можем ли мы сделать это настраиваемым?

Идея в том, что у некоторых пользователей с относительно небольшими мобильными телефонами (например, Pixel 7) может не быть проблемы с доступностью, и всплывающее меню слева выглядит очень неестественно. Если что-то всё же должно появляться в углу, почему бы не сделать возможным его настройку под кнопку меню (сейчас это логотип сайта, ведущий на главную страницу)?

Есть ли какие-то новости о том, когда и будет ли это исправлено?

Приносим извинения за задержку по этому вопросу. @benji отправил исправление. Сообщите, если возникнут какие-либо дополнительные проблемы.

2 лайка

Огромное спасибо @featheredtoast и @benji!

Только что попробовал, и, к сожалению, это, похоже, конфликтует с другим установленным мной компонентом темы:

См. скриншот (иконка чата переместилась на вторую строку):

А вот так это выглядит, когда отключён компонент темы «Меню-гамбургер слева на мобильных устройствах»:

Надеюсь, это будет полезно!

2 лайка

Это действительно полезно, спасибо! Я почти закончил на сегодня, но обязательно отмечу себе проверить это в понедельник. Думаю, я понимаю, что происходит.

3 лайка

Счастливого понедельника, @Robin.Grant! Хотел лишь подтвердить: эти скриншоты были сделаны после обновления темы «Слева»? Сейчас пытаюсь воспроизвести это локально.

1 лайк

Да — 100%

1 лайк

Внесено исправление для этого, большое спасибо @benji

Попробуй @Robin.Grant

3 лайка