Проблема с кнопкой «Сохранить» для пользовательского CSS на экранах меньшего размера

Вот что я вижу на экране 13 дюймов в режиме «Полный/Развернутый» (это самый низ моего окна):

При выборе «Показать дополнительные» — даже этого:
image

3 лайка

У меня воспроизводится на экране 2560x1440 с соотношением сторон 16/9, где кнопка находится за пределами окна:

1 лайк

И у вас даже не выбрано «Показать расширенные»… странно.
По крайней мере, мы знаем, что дело не в размере экрана.
И у нас есть компактный режим, так что, думаю, всё в порядке. Это позволяет нам работать. Было бы хуже :wink:

1 лайк

Эта проблема существует уже давно. Я был уверен, что она уже была сообщена, но не смог её найти. Возможно, я перепутал с чем-то другим. хм.

1 лайк

Пока у нас есть компактная версия для работы, всё не так плохо.

1 лайк

Я запланировал, что кто-то займется этим в ближайшие несколько недель, но если кто-то хочет попробовать внести исправления в CSS через pull request, пожалуйста, делайте.

Вот PR:

https://github.com/discourse/discourse/pull/31971

4 лайка

Спасибо! Объединено

3 лайка

Извините, если это очевидно… как мы можем это обновить? Это уже доступно? Если да, то это обычное обновление на странице /admin/update?

1 лайк

Да, когда PR принят, он становится доступен через обычное обновление.

2 лайка

У меня возникла ещё одна проблема.
У меня есть компонент Custom CSS, и я допустил ошибку в коде. Когда я сохранил его, появилось окно с ошибкой:

Всё сдвинулось вниз, и я не мог сохранить новые изменения (исправленную версию). Я думал, что просто уменьшу масштаб, чтобы увидеть кнопку, но окно с кодом постоянно меняло высоту.

Единственный способ сохранить новые изменения — использовать инструмент «Inspect» браузера, установить для окна предупреждения display:none;, после чего кнопка «Сохранить» снова стала видна.

Кстати, у меня есть два предложения:
1 — Неужели нельзя использовать это дополнительное пространство внизу в компактном режиме? Маленькое окошко действительно… очень маленькое.

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

1 лайк

Разве ты не можешь прокрутить вниз? У меня на локальном сервере получается. :thinking:

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

1 лайк

Понял, что вы имеете в виду!
Поскольку вы находитесь в полноэкранном режиме, страница по умолчанию не прокручивается.

Добавление overflow: auto; к контейнеру может решить эту проблему, и вы сможете прокручивать страницу вниз, используя область над редактором.

Тем не менее, я считаю, что кнопка «Сохранить» должна быть всегда видна. Это улучшит опыт администратора. Я попробую найти более подходящее решение.

1 лайк

Надеюсь, вы сможете найти решение.

1 лайк

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

4 лайка