# Новая опция меню редактора постов сдвигает значок шестеренки за пределы экрана на iPhone 8

**URL:** https://meta.discourse.org/t/new-post-editor-menu-option-pushes-gear-icon-off-screen-on-iphone-8/203107
**Category:** UX
**Created:** [09.Сентябрь.2021 18:37:58 UTC](https://meta.discourse.org/t/new-post-editor-menu-option-pushes-gear-icon-off-screen-on-iphone-8/203107 "2021-09-09T18:37:58Z")
**Posts on this page:** 11
**Page:** 1

<div class="post-metadata">

### Author: ![seanblue](https://avatars.discourse-cdn.com/v4/letter/s/dc4da7/32.png) [@seanblue](https://meta.discourse.org/u/seanblue)
#### Post date: [09.Сентябрь.2021 18:37:58 UTC](https://meta.discourse.org/t/new-post-editor-menu-option-pushes-gear-icon-off-screen-on-iphone-8/203107/1 "2021-09-09T18:37:58Z")

</div>

Теперь в меню редактора постов так много опций, что шестерёнка для дополнительных действий отображается за пределами ожидаемой области. На следующем скриншоте изображено моё iPhone 8.

 ![image](https://global.discourse-cdn.com/meta/original/3X/b/2/b26566e03b22404823af938d697372c8534767f6.jpeg)

---

<div class="post-metadata">

### Author: ![awesomerobot](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/awesomerobot/32/142900_2.png) [@awesomerobot](https://meta.discourse.org/u/awesomerobot)
#### Post date: [09.Сентябрь.2021 18:59:29 UTC](https://meta.discourse.org/t/new-post-editor-menu-option-pushes-gear-icon-off-screen-on-iphone-8/203107/2 "2021-09-09T18:59:29Z")

</div>

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

---

<div class="post-metadata">

### Author: ![anon73664359](https://avatars.discourse-cdn.com/v4/letter/a/6de8d8/32.png) [@anon73664359](https://meta.discourse.org/u/anon73664359)
#### Post date: [09.Сентябрь.2021 23:28:57 UTC](https://meta.discourse.org/t/new-post-editor-menu-option-pushes-gear-icon-off-screen-on-iphone-8/203107/4 "2021-09-09T23:28:57Z")

</div>

Или, возможно, добавить кнопку с многоточием, которая открывает дополнительные параметры?

---

<div class="post-metadata">

### Author: ![ondrej](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/ondrej/32/198804_2.png) [@ondrej](https://meta.discourse.org/u/ondrej)
#### Post date: [10.Сентябрь.2021 15:20:54 UTC](https://meta.discourse.org/t/new-post-editor-menu-option-pushes-gear-icon-off-screen-on-iphone-8/203107/5 "2021-09-10T15:20:54Z")

</div>

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

---

<div class="post-metadata">

### Author: ![anon73664359](https://avatars.discourse-cdn.com/v4/letter/a/6de8d8/32.png) [@anon73664359](https://meta.discourse.org/u/anon73664359)
#### Post date: [11.Сентябрь.2021 02:02:25 UTC](https://meta.discourse.org/t/new-post-editor-menu-option-pushes-gear-icon-off-screen-on-iphone-8/203107/6 "2021-09-11T02:02:25Z")

</div>

Ну, это вполне справедливо.

---

<div class="post-metadata">

### Author: ![awesomerobot](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/awesomerobot/32/142900_2.png) [@awesomerobot](https://meta.discourse.org/u/awesomerobot)
#### Post date: [28.Сентябрь.2021 20:18:10 UTC](https://meta.discourse.org/t/new-post-editor-menu-option-pushes-gear-icon-off-screen-on-iphone-8/203107/7 "2021-09-28T20:18:10Z")

</div>

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

@pmusaraj внес улучшение, которое лучше масштабирует панель инструментов на меньших размерах:

> <https://github.com/discourse/discourse/commit/e3164671698aeef94cf2e142903a30e4688e9dfe>

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

---

<div class="post-metadata">

### Author: ![pmusaraj](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/pmusaraj/32/119489_2.png) [@pmusaraj](https://meta.discourse.org/u/pmusaraj)
#### Post date: [29.Сентябрь.2021 01:38:26 UTC](https://meta.discourse.org/t/new-post-editor-menu-option-pushes-gear-icon-off-screen-on-iphone-8/203107/8 "2021-09-29T01:38:26Z")

</div>

Мне интересно услышать отзывы о текущем решении: удобно ли нажимать кнопки на устройствах с меньшим экраном (например, iPhone 8), учитывая, что расстояние между ними уменьшено?

@awesomerobot Я думаю, что кнопки «Цитировать весь пост» и «Переключить направление» следует переместить в меню шестерёнки. Они наверняка не используются так часто, чтобы занимать постоянное место в панели инструментов. (Последняя, «Переключить направление», есть здесь, на meta, но она скрыта за настройками сайта, то есть, вероятно, используется на очень небольшом количестве сайтов.)

---

<div class="post-metadata">

### Author: ![seanblue](https://avatars.discourse-cdn.com/v4/letter/s/dc4da7/32.png) [@seanblue](https://meta.discourse.org/u/seanblue)
#### Post date: [01.Октябрь.2021 14:47:28 UTC](https://meta.discourse.org/t/new-post-editor-menu-option-pushes-gear-icon-off-screen-on-iphone-8/203107/9 "2021-10-01T14:47:28Z")

</div>

> [@pmusaraj](#):
>
> Мне интересно услышать отзывы о текущем решении: остаются ли кнопки достаточно удобными для нажатия на небольших устройствах (например, iPhone 8), учитывая уменьшение расстояния между ними?

Я использую iPhone 8. Мне кажется, новое расстояние между кнопками приемлемо (12 кнопок и два разделителя), но это, вероятно, предел того, что можно разумно разместить в панели инструментов. Я не могу представить, чтобы добавление чего-то ещё сделало нажатие удобным.

> [@pmusaraj](#):
>
> Я считаю, что кнопки «Цитировать весь пост» и «Переключить направление» следует переместить в меню шестерёнки. Они определённо не используются настолько часто, чтобы занимать постоянное место в панели инструментов.

Я полностью согласен насчёт переключения направления. Цитирование всего поста — пограничный случай. Я использую его определённо реже, чем, например, жирный шрифт и курсив, но чаще, чем два пункта в меню списков. Честно говоря, я не нахожу пункты меню списков вообще полезными. Мне гораздо проще вручную вводить звёздочки или цифры. (Кстати, многократное нажатие на иконки маркированного или нумерованного списка переключает выделенный текст, как это происходит с жирным шрифтом и курсивом, но только внутри одного типа списка, а не между ними. Было бы здорово, если бы нажатие на иконки списков заменяло один тип списка на другой, если он уже присутствует.)

Для меня самые используемые опции панели инструментов — это те, что уже скрыты за иконкой шестерёнки: «Скрыть детали» и «Размыть спойлер». Думаю, это связано с тем, что маркированные списки, жирный шрифт и курсив (которые я использую очень часто) по сути просто добавляют символ `*`, поэтому я могу легко набрать их вручную, тогда как другие опции требуют ввода гораздо более длинных тегов в стиле BBCode, поэтому нажатие кнопки быстрее.

У вас нет никаких данных о том, как часто пользователи нажимают на каждую из опций меню на различных устройствах? Мне кажется, решения о том, что показывать напрямую, а что скрывать за иконкой шестерёнки, можно было бы принимать на основе этих данных.

Несколько других замечаний и предложений:

- Я бы убрал разделители. Разделители подразумевают наличие логических групп, но какое отношение «Цитировать весь пост» имеет к жирному шрифту и курсиву? Что общего у гиперссылки с предварительно отформатированным текстом? Как маркированные списки связаны с эмодзи? Сейчас это выглядит довольно произвольно и просто тратит место.
- Я предполагаю, что видимость/скрытие опций меню настраивается на уровне установки, но вы рассматривали возможность настройки на уровне пользователя? Я знаю, что у всех разные рабочие процессы, поэтому возможность полностью настраивать порядок элементов панели инструментов могла бы иметь смысл. Например, можно было бы позволить пользователям сортировать опции панели инструментов, и они отображались бы именно в этом порядке. Всё, что не помещается в зависимости от устройства пользователя, автоматически перемещалось бы в меню шестерёнки: так, на десктопе пользователь мог бы видеть свои топ-15 опций, а на мобильном — только топ-12. (Или, возможно, их интересует только 3 опции, а остальные всегда находятся в меню шестерёнки, если это технически возможно.) Это может быть сложнее, чем того стоит, но я подумал, что стоит упомянуть эту идею.

---

<div class="post-metadata">

### Author: ![pmusaraj](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/pmusaraj/32/119489_2.png) [@pmusaraj](https://meta.discourse.org/u/pmusaraj)
#### Post date: [07.Октябрь.2021 18:51:25 UTC](https://meta.discourse.org/t/new-post-editor-menu-option-pushes-gear-icon-off-screen-on-iphone-8/203107/11 "2021-10-07T18:51:25Z")

</div>

Спасибо за ваш отзыв, @seanblue, это очень ценно. Мне очень нравится ваше предложение переместить кнопки маркированных и нумерованных списков в меню настроек (только для мобильных устройств). Я также согласен с вами насчёт разделителей: на десктопе они выполняют определённую функцию, а на мобильных устройствах — гораздо меньшую. Возможно, я поэкспериментирую с удалением разделителей и на мобильных устройствах.

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

> [@seanblue](#):
>
> Я предполагаю, что видимость пунктов меню настраивается на уровне установки, но вы рассматривали возможность сделать эту настройку доступной на уровне пользователя?

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

---

<div class="post-metadata">

### Author: ![pmusaraj](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/pmusaraj/32/119489_2.png) [@pmusaraj](https://meta.discourse.org/u/pmusaraj)
#### Post date: [18.Октябрь.2021 16:01:08 UTC](https://meta.discourse.org/t/new-post-editor-menu-option-pushes-gear-icon-off-screen-on-iphone-8/203107/12 "2021-10-18T16:01:08Z")

</div>

Две изменения (только для мобильных устройств) теперь объединены ([PR](https://github.com/discourse/discourse/pull/14621)): кнопки маркированного и нумерованного списка перемещены в меню шестерёнки, а разделители удалены. Ещё раз спасибо за обратную связь, @seanblue.

---

<div class="post-metadata">

### Author: ![pmusaraj](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/pmusaraj/32/119489_2.png) [@pmusaraj](https://meta.discourse.org/u/pmusaraj)
#### Post date: [20.Октябрь.2021 12:00:08 UTC](https://meta.discourse.org/t/new-post-editor-menu-option-pushes-gear-icon-off-screen-on-iphone-8/203107/13 "2021-10-20T12:00:08Z")

</div>

Эта тема была автоматически закрыта через 20 часов. Новые ответы больше не принимаются.
