같은 플러그인 아웃렛의 두 항목 순서

attj · 9월 5, 2022, 10:37오후

두 가지 다른 테마 컴포넌트를 below_site_header 아웃렛에 렌더링하고 있습니다. (태그 배너와 서브메뉴를 사용합니다.)

하지만 서브메뉴가 태그 배너 뒤에 렌더링되고 있으며, 메뉴가 배너 위에 오도록 하고 싶습니다.

이 순서를 수정할 수 있을까요?

JammyDodger · 9월 28, 2022, 10:31오전

Versatile Banner 테마 컴포넌트에 그런 것의 예시가 있을 것 같습니다. 여기서 몇 가지 힌트를 얻을 수 있을지도 모르겠네요.

merefield · 9월 28, 2022, 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	73	2월 14, 2026
Be able to put the banner above the main content but not above the sidebar Feature completed , versatile-banner	9	730	5월 26, 2023
Make the banner appear above the main content but next to the sidebar Feature category-banners	3	455	7월 6, 2023
Is it possible to make the category banner appear like the default subcategory banners? Product Support category-banners	3	587	7월 6, 2023
Add Banner/HTML (Widget) before reply button Development	4	791	1월 19, 2024

같은 플러그인 아웃렛의 두 항목 순서

Related topics