同一插件出口中的两个项目的顺序

attj · 2022 年9 月 5 日 22:37

我正在使用两个不同的主题组件，它们会渲染到 below_site_header 出口点。（我使用标签横幅和子菜单）。
但是，子菜单的渲染顺序在标签横幅之后，我希望菜单在横幅之上。

可以修复这些的顺序吗？

JammyDodger · 2022 年9 月 28 日 10:31

我认为在 Versatile Banner 主题组件中可能有一个类似的例子，也许能提供一些线索？

merefield · 2022 年9 月 28 日 10:34

是的，CSS 技巧：

github.com/discourse/discourse-versatile-banner

common/common.scss

9815fb18a


      
                order: -2;
              }
            }
          
            #main-outlet {
              max-width: calc(100% - 16px);
              width: $large-width;
            }
          }
          
          @if $swap_default_positioning == "true" {
            #main > div {
              .below-site-header-outlet {
                order: -2;
                & + .below-site-header-outlet {
                  order: -1;
                }
              }
            }
          }

话题		回复	浏览量
Versatile Banner reduces #main-outlet width for unclear reasons UX versatile-banner	0	38	2026 年2 月 14 日
Be able to put the banner above the main content but not above the sidebar Feature versatile-banner , completed	10	542	2023 年9 月 27 日
Make the banner appear above the main content but next to the sidebar Feature category-banners	3	364	2023 年7 月 6 日
Is it possible to make the category banner appear like the default subcategory banners? Support category-banners	3	525	2023 年7 月 6 日
Add Banner/HTML (Widget) before reply button Development	5	640	2024 年2 月 18 日

同一插件出口中的两个项目的顺序

相关话题