Orden de dos elementos en el mismo outlet de plugin

attj · 5 Septiembre, 2022 22:37

Estoy usando dos componentes de tema diferentes que se renderizan en el outlet below_site_header. (Uso banners de etiquetas y submenús).

Sin embargo, los submenús se renderizan después de los banners de etiquetas, quiero que el menú esté encima del banner.

¿Es posible arreglar el orden de estos?

JammyDodger · 28 Septiembre, 2022 10:31

Creo que puede haber un ejemplo de algo así en el componente temático Versatile Banner, ¿lo que podría proporcionar algunas pistas?

merefield · 28 Septiembre, 2022 10:34

Sí, truco de 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;
                }
              }
            }
          }

Tema		Respuestas	Vistas
Versatile Banner reduces #main-outlet width for unclear reasons UX versatile-banner	0	38	14 Febrero 2026
Be able to put the banner above the main content but not above the sidebar Feature versatile-banner , completed	10	542	27 Septiembre 2023
Make the banner appear above the main content but next to the sidebar Feature category-banners	3	364	6 Julio 2023
Is it possible to make the category banner appear like the default subcategory banners? Support category-banners	3	525	6 Julio 2023
Add Banner/HTML (Widget) before reply button Development	5	640	18 Febrero 2024

Orden de dos elementos en el mismo outlet de plugin

Temas relacionados