同じプラグインアウトレット内の2つのアイテムの順序

attj · 2022 年 9 月 5 日午後 10:37

2つの異なるテーマコンポーネントを 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 日

同じプラグインアウトレット内の2つのアイテムの順序

関連トピック