Discourse Tab Bar for Mobile

Привет! Я создал pull request для добавления поддержки не-ASCII символов в URL вкладок. Не могли бы вы посмотреть и решить, можно ли его включить в основную ветку?

7 лайков

Конечно, PR принят! Спасибо @th21!

6 лайков

Не уверен, можно ли это объединить, поэтому я сделал форк и добавил дополнительные настройки для отображения вкладок для пользователей, не авторизованных в системе.

6 лайков

Можно ли добавить кнопку «Назад» в панель вкладок, возможно, с помощью простого JavaScript-кода или чего-то подобного? Панель вкладок в приложении Discourse Hub для iOS не позволяет вернуться на главную страницу выбора Discourse.

5 лайков

@Osama есть какие-нибудь идеи, как добавить кнопки «назад» и «вперёд» для них? Спасибо.

3 лайка

@miss @MarcP Учитывая, что компонент позволяет администраторам настраивать каждую вкладку, я не могу просто зафиксировать конкретную вкладку для навигации назад/вперёд. Поэтому нам нужен способ, позволяющий администраторам выбирать, какая вкладка будет выполнять функцию кнопки «Назад» или «Вперёд», используя настройки темы. Это новая функция, которую необходимо добавить в компонент, и я с радостью рассмотрю PR по её реализации. Если вы заинтересованы в работе над этим, пожалуйста, напишите мне в личные сообщения перед началом работы.

5 лайков

Привет! Я отправил новый PR, чтобы добавить опцию, позволяющую неотредактированным URL-адресам соответствовать настройке назначения вкладки.

Например, /latest?order=created и /latest будут рассматриваться как разные вкладки, и при включённой опции цвет иконки будет меняться при клике.

Не могли бы вы посмотреть и сообщить, можно ли его слить? Заранее спасибо. :grinning:

4 лайка

Мне это очень нравится!

Однако здесь отображается интерфейс Discourse Hub. Можно ли это исправить?

2 лайка

Привет! Спасибо за этот компонент темы. Я сейчас использую его на своём сайте https://businesslab.vn. Однако недавно у меня возникла идея интегрировать «Переключатель гамбургер-меню» и «Выпадающее меню заголовка с текущим пользователем» прямо в этот компонент темы. Это позволит сделать пространство в заголовке более минималистичным, а пользователям с одним активным пальцем будет проще выполнять навигацию к панели вкладок (ваш компонент темы). Надеюсь, вам будет интересна эта идея.
image
image

1 лайк

Привет! Этот компонент просто замечательный, поздравляю с его созданием! Это самый актуальный компонент на данный момент или есть что-то более современное? Я новичок на форуме.

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

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

@th21 @osama

1 лайк

Как сделать панель вкладок фиксированной? Иногда при прокрутке вниз она исчезает, а я хочу, чтобы она всегда была видна!

Я пытаюсь заставить одну из кнопок вести на страницу пользовательского портфолио, но безрезультатно.

Возможно ли это?

Редактирование: разобрался…

my/activity/portfolio
1 лайк

Вкладка перекрывает окно чата. Пользователи не могут общаться, так как вкладка закрывает чат.
Можете, пожалуйста, это исправить?

Я могу подтвердить проблему: она скрывает поле ввода текста.

1 лайк

Быстрое решение — добавить отступ снизу под область ввода чата: не очень красиво, но пользователи смогут переключать поле ввода.

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

.chat-composer__wrapper {
    margin-bottom: 35px
}
1 лайк

Похоже, это работает, но при прокрутке вниз остаётся пустое пространство.

(Видео записано с margin-bottom 49px, что соответствует высоте панели вкладок):

Да, как я и сказал, это не будет красиво.

1 лайк

Вам следует проверить z-index, а не отступы.
(Предположим, что пользователь никогда не использует вкладку во время чата)
Если уменьшить z-index панели вкладок, это будет выглядеть лучше.

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