# Такое крошечное окно для редактирования здесь на телефоне
**URL:** https://meta.discourse.org/t/such-a-tiny-window-to-edit-here-on-a-cell-phone/255225
**Category:** UX
**Tags:** composer
**Created:** [15.Февраль.2023 11:32:23 UTC](https://meta.discourse.org/t/such-a-tiny-window-to-edit-here-on-a-cell-phone/255225 "2023-02-15T11:32:23Z")
**Posts on this page:** 19
**Page:** 2
### Author:  [@JammyDodger](https://meta.discourse.org/u/JammyDodger)
#### Post date: [26.Февраль.2023 18:20:58 UTC](https://meta.discourse.org/t/such-a-tiny-window-to-edit-here-on-a-cell-phone/255225/24 "2023-02-26T18:20:58Z")
Вот мои скриншоты: (браузер, не приложение)
Однако мне не нравится скрывать ряд цифр, так как это также убирает символы, вызываемые долгим нажатием на верхнем ряду, к которым я привык.
PWA:
---
### Author:  [@Moin](https://meta.discourse.org/u/Moin)
#### Post date: [26.Февраль.2023 18:36:24 UTC](https://meta.discourse.org/t/such-a-tiny-window-to-edit-here-on-a-cell-phone/255225/26 "2023-02-26T18:36:24Z")
> [@Stephen](#):
>
> Горизонтальная панель с названием сайта и аватаром пользователя
Это также видно на скриншоте от @JammyDodger. Я всё ещё не думаю, что это связано с представлением для настольных компьютеров. Я попробовал ещё раз, и один раз заголовок не отображался, но с тех пор он всегда показывается.
---
### Author:  [@jidanni](https://meta.discourse.org/u/jidanni)
#### Post date: [26.Февраль.2023 22:42:35 UTC](https://meta.discourse.org/t/such-a-tiny-window-to-edit-here-on-a-cell-phone/255225/27 "2023-02-26T22:42:35Z")
Да, я забыл включить клавиатуру на некоторых скриншотах. Просто представьте, что она занимает половину экрана. Также я мог случайно нажать «Длинный скриншот» на некоторых из них, а затем обрезал слишком длинную часть. В любом случае, я был настолько впечатлён просторными полями ввода на других сайтах, что оступился.
Что касается моих настроек размера шрифта / ползунка масштабирования экрана (на Android, а не в Chrome): пожалуйста, протестируйте с настройками, немного смещёнными вправо (увеличенными) относительно нормы. Учтите, что пользователи постарше с ослабленным зрением могут использовать мобильные телефоны.
Я выбрал «Использовать представление для ПК» в меню Chrome? Нет, я не думаю, что PWA имеет меню Chrome.
В любом случае, моя суть в следующем: это правда — на некоторых телефонах поле для создания новой темы будет высотой всего в три строки. Да, в него можно вводить столько строк, сколько нужно, но видимая область всё равно остаётся трёхстрочной.
---
### Author:  [@merefield](https://meta.discourse.org/u/merefield)
#### Post date: [27.Февраль.2023 11:33:49 UTC](https://meta.discourse.org/t/such-a-tiny-window-to-edit-here-on-a-cell-phone/255225/31 "2023-02-27T11:33:49Z")
> [@積丹尼 Dan Jacobson](#):
>
> Что касается моих настроек размера шрифта / ползунка масштабирования экрана (Android, не Chrome): пожалуйста, протестируйте их, установив немного правее (больше), чем обычно. Учтите, что пожилые пользователи с ослабленным зрением могут пользоваться мобильными телефонами.
Я проверил. И при каждом увеличении область редактирования уменьшается.
Я понимаю, что некоторым пользователям (особенно пожилым) нужен более крупный текст.
Но разве мы не должны также учитывать, что чем крупнее текст, тем меньше места остаётся для других элементов, включая область для текста композитора?
Так что это всегда будет компромиссом, и сложно ожидать, что Discourse сможет избежать этого компромисса?
---
### Author:  [@jidanni](https://meta.discourse.org/u/jidanni)
#### Post date: [28.Февраль.2023 12:12:44 UTC](https://meta.discourse.org/t/such-a-tiny-window-to-edit-here-on-a-cell-phone/255225/33 "2023-02-28T12:12:44Z")
В основном это зависит от того, насколько важно, чтобы каждый элемент оставался на экране во время написания сообщения. Например, важно ли всегда видеть название группы? Заголовок сообщения? Поле тегов? Обычно пользователь настраивает эти параметры один раз и затем переходит к созданию сообщения. Я рекомендую сделать их сворачиваемыми или сворачивающимися, а если пользователю потребуется их изменить, он сможет развернуть обратно.
---
### Author:  [@Yt.w](https://meta.discourse.org/u/Yt.w)
#### Post date: [16.Декабрь.2023 20:37:04 UTC](https://meta.discourse.org/t/such-a-tiny-window-to-edit-here-on-a-cell-phone/255225/34 "2023-12-16T20:37:04Z")
Здравствуйте, я думаю, возможно ли сделать так, чтобы область, не уверенная, была заключена в красную рамку по умолчанию для мобильных устройств? Какой файл/часть мне следует изменить?
Спасибо.
Также я предполагаю, что в 99% случаев люди будут создавать новую тему, а не что-то с голосованием.
Так что, возможно, лучше объединить эту часть с «вводом заголовка»? Например, разместить её справа от «ввода заголовка»?
---
### Author:  [@merefield](https://meta.discourse.org/u/merefield)
#### Post date: [17.Декабрь.2023 11:53:30 UTC](https://meta.discourse.org/t/such-a-tiny-window-to-edit-here-on-a-cell-phone/255225/35 "2023-12-17T11:53:30Z")
Думаю, китайский язык может представлять здесь уникальные трудности из-за сложности иероглифов, поэтому ваши возможности по уменьшению объёма текста на уровне телефона более ограничены?
---
### Author:  [@Arkshine](https://meta.discourse.org/u/Arkshine)
#### Post date: [17.Декабрь.2023 13:06:43 UTC](https://meta.discourse.org/t/such-a-tiny-window-to-edit-here-on-a-cell-phone/255225/36 "2023-12-17T13:06:43Z")
> [@Jagster](#):
>
> Где это нужно? Нажатие на «гамбургер» делает это нативно — по крайней мере на iPhone.
Отвечаю на основе [предыдущей темы](https://meta.discourse.org/t/new-topic-s-edit-area-is-small-for-mobile-user/288929/11?u=arkshine). Yt.w хотел отключить панель инструментов _по умолчанию_ при определённых условиях, потому что:
> [@Yt.w](#):
>
> но не каждый новый пользователь об этом знает. Это может стать проблемой с точки зрения UX.
Я подумал, что могу попробовать написать для этого код. Это лишь временное решение.
На самом деле, в Discourse по умолчанию панель инструментов скрыта, если ширина окна меньше 370 пикселей или если используется Android.
```js
const storedVal = keyValueStore.get("toolbar-enabled");
if (this._toolbarEnabled === undefined && storedVal === undefined) {
// iPhone 6 имеет ширину 375, для устройств уже этого
// панель инструментов должна быть отключена по умолчанию.
// Тем не менее, мы должны запомнить состояние.
this._toolbarEnabled =
window.innerWidth > 370 && !this.capabilities.isAndroid;
}
```
Мой код будет просто расширением, чтобы обобщить это поведение для любого мобильного представления.
Я согласен с вами; другой подход мог бы заключаться в том, чтобы как-то обучить пользователя тому, что иконка «бургера» переключает панель инструментов!
---
### Author:  [@Yt.w](https://meta.discourse.org/u/Yt.w)
#### Post date: [17.Декабрь.2023 16:28:59 UTC](https://meta.discourse.org/t/such-a-tiny-window-to-edit-here-on-a-cell-phone/255225/37 "2023-12-17T16:28:59Z")
Именно это я и имею в виду:)
Можете подсказать, куда именно нужно добавить этот код?
Спасибо!
---
### Author:  [@Yt.w](https://meta.discourse.org/u/Yt.w)
#### Post date: [18.Декабрь.2023 00:54:31 UTC](https://meta.discourse.org/t/such-a-tiny-window-to-edit-here-on-a-cell-phone/255225/38 "2023-12-18T00:54:31Z")
Я так думаю.
Возможно ли изменить интерфейс, например, переместить его с правой стороны на левую?
Это было бы очень полезно, если бы кто-нибудь мог подсказать, какой файл нужно изменить и как именно.
 
---
### Author:  [@sam](https://meta.discourse.org/u/sam)
#### Post date: [01.Январь.2024 23:12:31 UTC](https://meta.discourse.org/t/such-a-tiny-window-to-edit-here-on-a-cell-phone/255225/39 "2024-01-01T23:12:31Z")
> [@Robert](#):
>
> Думаю, в мандаринском могут быть уникальные сложности
Японский 🙂
> [@Yt.w](#):
>
> Можно ли изменить интерфейс, например, переместить его справа налево?
Мне нравится эта идея для мобильных устройств! К сожалению, думаю, это потребует довольно значительных структурных изменений.
Я считаю, что стоит предпринять некоторые шаги для улучшения ситуации:
1. Если **высоты** недостаточно, отключать панель инструментов.
2. Изучить возможность уменьшить высоту на одну строку при создании новой темы — это тоже может помочь (особенно при ограниченной высоте).
На больших устройствах это почти не проблема, но на некоторых типах устройств сейчас это может быть очень неудобно.
@Arkshine, хочешь попробовать сделать PR по пункту 1?
---
### Author:  [@merefield](https://meta.discourse.org/u/merefield)
#### Post date: [02.Январь.2024 08:27:53 UTC](https://meta.discourse.org/t/such-a-tiny-window-to-edit-here-on-a-cell-phone/255225/40 "2024-01-02T08:27:53Z")
> [@Sam Saffron](#):
>
> Японский 🙂
Ах да. Хорошее замечание. Давайте добавим японский в список тоже.
---
### Author:  [@anon36555649](https://meta.discourse.org/u/anon36555649)
#### Post date: [02.Январь.2024 09:50:23 UTC](https://meta.discourse.org/t/such-a-tiny-window-to-edit-here-on-a-cell-phone/255225/41 "2024-01-02T09:50:23Z")
Действительно, стандартная японская клавиатура занимает на три строки больше текста, чем раскладка QWERTY!
Альтернативный вариант — писать от руки вместо использования клавиатуры на экране, а также использовать голосовой ввод. Также можно подключить внешнюю клавиатуру к мобильному телефону или компьютеру, если кто-то об этом не знал. Некоторые «телефоны» могут запускать настольную операционную систему с внешним дисплеем и мышью, например, с помощью Samsung DeX.
Выше показана система рукописного ввода Samsung, которая не требует второго блока, как это делает Gboard здесь:
---
### Author:  [@Don](https://meta.discourse.org/u/Don)
#### Post date: [02.Январь.2024 11:36:21 UTC](https://meta.discourse.org/t/such-a-tiny-window-to-edit-here-on-a-cell-phone/255225/42 "2024-01-02T11:36:21Z")
Привет 👋
Я создал простой компонент темы для добавления опции полноэкранного режима и на мобильных устройствах. Думаю, это может стать хорошим решением для увеличения доступного пространства при необходимости.
Компонент, возможно, требует доработки в части CSS, но в целом работает отлично. 👍
> **[GitHub - VaperinaDEV/composer-fullscreen-mobile: This theme component is adding a fullscreen button...](https://github.com/VaperinaDEV/composer-fullscreen-mobile)**
>
> This theme component is adding a fullscreen button to composer.
---
### Author:  [@Arkshine](https://meta.discourse.org/u/Arkshine)
#### Post date: [02.Январь.2024 14:40:59 UTC](https://meta.discourse.org/t/such-a-tiny-window-to-edit-here-on-a-cell-phone/255225/43 "2024-01-02T14:40:59Z")
> [@Sam Saffron](#):
>
> Хочешь попробовать сделать PR для пункта 1?
Конечно! Я подумаю об этом и попробую.
> [@Don](#):
>
> Я создал простой компонент темы
Отлично! Наличие этой кнопки на весь экран кажется мне очень логичным.
---
### Author:  [@Lhc\_fl](https://meta.discourse.org/u/Lhc_fl)
#### Post date: [03.Январь.2024 02:44:58 UTC](https://meta.discourse.org/t/such-a-tiny-window-to-edit-here-on-a-cell-phone/255225/46 "2024-01-03T02:44:58Z")
> [@Robert](#):
>
> Мандарин
Сэм уже объяснил, что это японский язык. Я бы хотел добавить немного: мандарин обычно короче английского, так что не стоит беспокоиться (x
---
### Author:  [@Jagster](https://meta.discourse.org/u/Jagster)
#### Post date: [03.Январь.2024 08:17:41 UTC](https://meta.discourse.org/t/such-a-tiny-window-to-edit-here-on-a-cell-phone/255225/47 "2024-01-03T08:17:41Z")
На iPhone не отображается 🤔
Редакция: после быстрого исправления Дона всё работает отлично
---
### Author:  [@Don](https://meta.discourse.org/u/Don)
#### Post date: [03.Январь.2024 10:33:07 UTC](https://meta.discourse.org/t/such-a-tiny-window-to-edit-here-on-a-cell-phone/255225/48 "2024-01-03T10:33:07Z")
Да, спасибо, я исправил это.
---
### Author:  [@fearlessfrog](https://meta.discourse.org/u/fearlessfrog)
#### Post date: [08.Июнь.2026 19:24:03 UTC](https://meta.discourse.org/t/such-a-tiny-window-to-edit-here-on-a-cell-phone/255225/54 "2026-06-08T19:24:03Z")
Привет! Мне посоветовали это, но у меня возникли проблемы с запуском, поэтому я обновил для последней версии Discourse. Если это окажется полезным, я приведу код в порядок и отправлю запрос на слияние. Спасибо автору оригинала ❤
[fearlessfrog/composer-fullscreen-mobile: Этот компонент темы добавляет кнопку полноэкранного режима в редактор сообщений.](https://github.com/fearlessfrog/composer-fullscreen-mobile)
РЕДАКТИРОВАНИЕ: Запрос на слияние отправлен — [Updates this theme component for current Discourse by fearlessfrog · Pull Request #1 · VaperinaDEV/composer-fullscreen-mobile · GitHub](https://github.com/VaperinaDEV/composer-fullscreen-mobile/pull/1)
[Предыдущая страница](https://meta.discourse.org/t/such-a-tiny-window-to-edit-here-on-a-cell-phone/255225.md?page=1)