Категории заголовков навигационной панели

Настройка Компонент темы
,
21

У меня возникла проблема: элемент отображается только в левом верхнем углу, а не на всю ширину. Я использую компонент темы «Полная ширина» и «Поиск в заголовке». У меня не установлено никаких плагинов.

image (1)
image (1)1894×127 7.38 KB

2 лайка
22

Мне удалось воспроизвести проблему при одновременном использовании навигационной панели категорий заголовка и компонента на всю ширину.

3 лайка
23

Чтобы это работало вместе с компонентом на всю ширину, вам нужно добавить немного CSS в вашу тему…

Что-то вроде этого должно помочь вам прийти в лучшую форму:

html:not(.has-full-page-chat) .custom-categories-navbar {
  grid-column-start: 1;
  grid-column-end: -1;
}

.has-sidebar-page .d-header > .wrap .contents {
  gap: 0 1em;
}
4 лайка
24

Спасибо, это решило проблему!

Кстати, я wondered, есть ли способ отсортировать категории, отображаемые здесь?

1 лайк
25

Я думаю, порядок такой же, как на странице категорий. Вы можете изменить его, следуя инструкциям по ссылке: Reordering categories and setting fixed category positions

3 лайка
26

Следующая проблема:

image
image1390×125 10.8 KB

Когда я нахожусь в теме и пытаюсь нажать на категорию.

Тогда происходит следующее:

image
image1662×113 6.46 KB

Меню исчезает.

Ошибка в консоли:

custom-categories-navbar.js:64 Uncaught (in promise) 
TypeError: Cannot read properties of null (reading 'scrollIntoView')
    at n.setActiveSlug (custom-categories-navbar.js:64:52)
    at new n (custom-categories-navbar.js:48:12)
    at EmberGlimmerComponentManager.createComponent (base-component-manager.js:26:14)
    at EmberGlimmerComponentManager.createComponent (ember-component-manager.js:51:29)
    at M.create (manager.js:543:1)
    at Object.evaluate (runtime.js:2676:1)
    at Object.evaluate (runtime.js:1052:1)
    at It.evaluateSyscall (runtime.js:4204:1)
    at It.evaluateInner (runtime.js:4175:1)
    at It.evaluateOuter (runtime.js:4168:1)
    at Wt.next (runtime.js:4999:1)
    at Wt._execute (runtime.js:4986:1)
    at Wt.execute (runtime.js:4979:1)
    at $t.insertItem (runtime.js:4468:1)
    at $t.sync (runtime.js:4429:1)
    at $t.evaluate (runtime.js:4366:1)
    at Dt._execute (runtime.js:4247:1)
    at Dt.execute (runtime.js:4232:1)
    at qt.rerender (runtime.js:4547:1)
    at hr.render (index.js:4674:1)
    at index.js:4934:1
    at Nt (runtime.js:4080:1)
    at gr._renderRoots (index.js:4916:1)
    at gr._renderRootsTransaction (index.js:4960:1)
    at gr._revalidate (index.js:4992:1)
    at invoke (backburner.js.js:280:1)
    at h.flush (backburner.js.js:197:1)
    at p.flush (backburner.js.js:358:1)
    at B._end (backburner.js.js:798:1)
    at B.end (backburner.js.js:589:1)
    at B._run (backburner.js.js:842:1)
    at B._join (backburner.js.js:819:1)
    at B.join (backburner.js.js:629:1)
    at Array.<anonymous> (index.js:4765:1)
    at B._trigger (backburner.js.js:896:1)
    at B._end (backburner.js.js:811:1)
    at B._boundAutorunEnd (backburner.js.js:523:1)
3 лайка
27

Та же проблема здесь

Для воспроизведения: кликните по категории + F5

5 лайков
28

Я только что внес некоторые обновления, которые должны это исправить

5 лайков
29

Большое спасибо за исправление!

Можете ли вы рассмотреть возможность добавить опцию для применения порядка сортировки боковой панели к навигационной панели категорий в заголовке? Это дало бы пользователям возможность применять свои собственные настройки к навигационной панели категорий в заголовке.

1 лайк
30

Это полезно, но больше не работает, попробуйте это

html:not(.has-full-page-chat) .d-header:has(.horizontal-overflow-nav) {
    height: 5em !important;
}
2 лайка
31

Получаю ошибку «страница не найдена» по ссылке предпросмотра в первом сообщении

2 лайка
32

Ах, извините за это. Попробуйте снова сейчас. :+1:

1 лайк
33

Возможно ли разместить навигационную панель в шапке рядом с логотипом, если у вас всего несколько категорий?

С наилучшими пожеланиями,
Олле

34

Это полезно. Спасибо.

Интересно, можно ли центрировать навигационную панель на сайте?

Можно ли разместить навигационную панель в заголовке вместе с логотипом?

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

С наилучшими пожеланиями,
Олле

35

Как изменить положение отображения на нижнюю часть заголовка?

36

Разве это уже не в нижней части заголовка? Если я что-то неправильно понял, возможно, вы могли бы сделать форк и изменить точку подключения плагина для этого компонента.

37

Я имею в виду под тегом <header class="d-header">

1 лайк
38

Самая удобная и функциональная система навигации исчезла после недавнего обновления :scream:

Есть ли шанс вернуть её?

И нет, я не знаю, показывает ли консоль какие-либо ошибки, потому что сейчас я использую iPad.

Редактирование:

Я поспешил. Проблема возникла из-за плагина https://github.com/thoka/discourse-reach-and-rights.

Извините за созданный шум.

1 лайк
40

Есть ли способ (или другой компонент) для отображения подкатегорий в выпадающих меню, когда они существуют?