Извините, я не прочитал ваш комментарий полностью. Я думал о проблеме с прокруткой слева направо, с которой тоже сталкиваюсь.
2 лайка
Я ничего особенного с этим не делал. В чём ваша проблема?
1 лайк
Когда я нажимаю на элемент в меню, оно остаётся открытым, а страница обновляется. Меню закрывается только после того, как фокус уходит с него. Это поведение особенно заметно на мобильных устройствах, так как из-за небольшого размера экрана не видно содержимое страницы, пока меню не закроется автоматически.
Вы используете последнюю версию подменю?
1 лайк
Старая версия подменю, похоже, не имеет этой проблемы, но она выглядит менее стильно по сравнению с новой. Если вы хотите избавиться от бага, при котором меню не закрывается автоматически после клика на подменю, используйте этот старый форк на GitHub.
1 лайк
Этот компонент просто замечательный, и после небольшой доработки CSS я очень доволен результатом. Спасибо за его создание!
Однако у меня есть одна серьёзная проблема: как сложно добавлять новые элементы в меню после их настройки.
Я видел, что был создан pull request с предложением заменить все отдельные текстовые поля на одно большое, и, на мой взгляд, это имело бы гораздо больше смысла.
Другой альтернативой могло бы стать возможность импорта и экспорта вашей конфигурации. (Возможно, это задача для стороны Discourse, а не для компонента темы? Не уверен.) Если бы это было возможно, мы могли бы вносить изменения в текстовом редакторе и загружать их обратно, что было бы удобно. Кроме того, это упростило бы создание резервных копий.
(Я подумал, что кнопка «Экспорт» внизу интерфейса конфигурации компонента может выполнять эту функцию, но, похоже, она сохраняет только исходный код компонента и конфигурацию по умолчанию, а не мои собственные настройки.)
В остальном всё отлично: компонент позволил нам добавить множество часто используемых ссылок в верхнюю часть нашего форума, что помогает как нашим пользователям, так и нам самим быстро находить нужное.
4 лайка
Этот форк от разработчика из сообщества предоставляет одно большое текстовое поле для добавления элементов меню и подменю. Это старая версия, но она всё ещё обеспечивает то, что нам нужно.
3 лайка
Форк @Canapin является результатом обсуждения [PAID] Header Submenus UI modification. Мы также считаем, что он решает наши задачи.
Однако ни в коем случае не пытайтесь редактировать текст подменю прямо в поле. Мы поддерживаем меню в CSV-файле и используем следующую процедуру, описанную в теме с инструкциями для сотрудников:
- Откройте CSV-файл в программе для работы с электронными таблицами.
- Отредактируйте данные. Обычно достаточно просто следовать существующему шаблону.
- Сохраните CSV-файл.
- Откройте CSV-файл в текстовом редакторе.
- Скопируйте содержимое из текстового редактора и вставьте его в поле элементов подменю.
- Загрузите изменённый CSV-файл в эту тему, чтобы всё оставалось синхронизировано.
Также стоит отметить, что в CSV-файле можно использовать некоторые HTML-теги и пробелы для лучшей организации и создания под-подменю. Это помогает разместить большое количество элементов на экране телефона:
5 лайков
Это (выпадающие меню) можно реализовать с помощью простого HTML / CSS, это не имеет никакого отношения к Discourse. Вы можете нажать f12 и с помощью инструментов браузера самостоятельно изучить, как это было сделано.
4 лайка
После прочтения нескольких постов я подумал, что единственный способ добавить ссылки в .d-header — это использовать компонент, аналогичный тому, что делает этот, но который создаёт дополнительный заголовок сверху.
После публикации здесь у меня возникла идея, что подобный компонент, как Custom Header Links, мог бы справиться с этой задачей, если его доработать, как предложено в моем посте.
3 лайка
После обновления до последней версии подменю заголовка «Режим фиксации» («Принудительное отображение меню поверх всего независимо от прокрутки — только для десктопа») работает некорректно. На главной странице появляется много лишнего белого пространства, а на других страницах подменю заголовка перекрывает основное меню Discourse. Уверен, что это связано с:
но я не вижу, чтобы CSS этого компонента темы задавал абсолютное позиционирование для d.header. Есть какие-то идеи?
3 лайка
Какой браузер вы используете? Можете ли вы поделиться скриншотом проблемы?
Вот что я вижу в последней версии Discourse с включённым режимом «Fixed mode», когда я прокрутил список тем вниз:
1 лайк
На десктопе та же проблема в Chrome и Firefox. На мобильных всё в порядке.
Главная страница без «Фиксированного режима» (обычный):
Главная страница с «Фиксированным режимом» имеет лишние пробелы:
Прокрутка темы вниз без «Фиксированного режима» (обычный):
Прокрутка темы вниз с «Фиксированным режимом». Логотип, заголовок темы и меню-бургер перекрыты меню:
2 лайка
У вас есть другие пользовательские CSS-стили? Возможно, в .docked .d-header или #main-outlet заданы отступы (padding/margin), которые конфликтуют с обновлениями Discourse…
4 лайка
Можно ли использовать пункты меню с URL без выпадающего списка?
2 лайка
Я бы порекомендовал Custom Header Links (icons), если вам не нужны выпадающие списки — меньше проблем и выглядит более интегрированным. Я не знаю ответа на ваш конкретный вопрос, но, думаю, «нет».
2 лайка
В настоящее время я использую этот плагин, но поскольку в заголовке недостаточно места, я планирую разместить выпадающие меню сверху. Однако мне нужно добавить URL-адреса в верхнее меню.
Также мне не удалось создать выпадающее меню с помощью «Ссылки в пользовательском заголовке». Похоже, это сделал Zoom. Я изучил их выпадающее меню через консоль, но не смог понять, как они взаимодействуют с HTML этого компонента для добавления выпадающего списка к любому элементу.
2 лайка
У меня есть предложение по улучшению: раз проблему с прокруткой нельзя решить, как насчёт добавить опцию отключения текста на мобильных устройствах, чтобы оставались только иконки? Похоже, нет способа выделить только текст через CSS, иначе я просто скрыл бы его таким образом. Спасибо!
3 лайка
Привет!
При установке компонента «Вложенные меню в шапке» он появляется, но перекрывает текущий заголовок форума.
Версия Discourse, которую я использую, — 2.4.1.
Пожалуйста, подскажите, как решить эту проблему.
Спасибо.
1 лайк
Вы пробовали обновить Discourse? Доступна версия 2.7.0.beta3.
2 лайка