Order of two items in the same plugin outlet

attj · September 5, 2022, 10:37pm

I am using two different theme components that renders to below_site_header outlet. (I use tag banners and submenus).

However, the submenus get rendered after the tag banners, I want the menu to be above the banner.

Is it possible to fix the ordering of these?

JammyDodger · September 28, 2022, 10:31am

I think there may be an example of something like that in the Versatile Banner theme component, which may provide some clues?

merefield · September 28, 2022, 10:34am

Yup, CSS trick:

github.com

tshenry/discourse-versatile-banner/blob/9815fb18a86e5bcb363ab9c9ab6b9a7a9da97318/common/common.scss#L36


      
                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;
                }
              }
            }
          }

Topic		Replies	Views
Be able to put the banner above the main content but not above the sidebar Feature completed , versatile-banner	10	432	September 27, 2023
New plugin outlets: above-site-header and below-site-header Feature	0	1190	October 24, 2016
Search-menu-results-top outlets not correctly positioned Bug	7	371	December 16, 2023
Can I align the category banner away from the sidebar? Support category-banners	8	102	September 20, 2023
Make the banner appear above the main content but next to the sidebar Feature category-banners	3	328	July 6, 2023

Order of two items in the same plugin outlet

Related topics