Plots2: Исправить адаптивный стиль кнопки панели инструментов "Вставить заголовок"

Созданный на 21 мар. 2021  ·  3Комментарии  ·  Источник: publiclab/plots2

В устаревшем редакторе значок кнопки «Вставить заголовок» на панели инструментов полностью исчезает при изменении размера окна.
В частности, если ширина окна больше 700 пикселей и меньше 1000 пикселей.

видео

(На видео ниже кнопка заголовка обозначена буквой H)

https://user-images.githubusercontent.com/4361605/111892783-b005ec80-89bb-11eb-81e6-14d68b3a9422.mov

Как размножаться

Зайдите в любое место на нашем сайте, где используется устаревший редактор. Сюда входят заметки, вики-страницы и вопросы.
Он также включает /wiki/new .

  1. Например, перейдите к этой заметке на нашем тестовом сервере в стабильной версии.
  2. Измените размер окна, как указано выше, и обратите внимание, как исчезает буква H.

Предлагаемые исправления

Вам нужно будет изучить кодовую базу и таблицы стилей CSS.

Партиал для панели инструментов находится по адресу /app/views/editor/_toolbar.html.erb :
https://github.com/publiclab/plots2/blob/07a243da39702501d0f5d4de8a3683a24d680a38/app/views/editor/_toolbar.html.erb#L29 -L44

Я замечаю, что значок заключен в span с классом d-md-none , так что, возможно, это так. Но обязательно поиграйте с этим и посмотрите, что вы найдете!

Это отличная проблема для тех, кто только что завершил FTO и хочет чего-то посложнее.

Оставьте здесь комментарий, чтобы заявить об этой проблеме, а затем не стесняйтесь оставлять комментарий с просьбой о помощи, если вы застряли!

CSS easy feature help wanted

Самый полезный комментарий

@waridrox Здорово , это было быстро! Давай, просто оставь здесь комментарий, если застрянешь.

Все 3 Комментарий

Могу я попробовать? @ noi5e

@waridrox Здорово , это было быстро! Давай, просто оставь здесь комментарий, если застрянешь.

Вы знаете, что говорят - иногда ответ прямо перед вами ...

https://github.com/publiclab/plots2/blob/07a243da39702501d0f5d4de8a3683a24d680a38/app/views/editor/_toolbar.html.erb#L29 -L43
В этом случае код в строке 40 применял ненужный элемент диапазона, который конфликтовал со стилями. Удаление этого просто решило проблему: D

_ Никакая функциональность не нарушена после изменения, хотя много времени ушло на то, чтобы найти это 😅_

https://user-images.githubusercontent.com/58583793/111906743-2831e800-8a78-11eb-953d-58dfe534048b.mp4

Я вернул цвета, они были просто для отладки.

Была ли эта страница полезной?
0 / 5 - 0 рейтинги