¿Los componentes del tema ya no sobrescriben el CSS del tema?

Desarrollador
1

De alguna manera, el comportamiento ha cambiado en la forma en que Discourse maneja el CSS en los componentes del tema. EDIT: No entendía lo que estaba haciendo. Dejo este tema (en Development en lugar de Contribute > Bug) para referencia futura.

Ejemplo muy mínimo:

En Discourse 3.4.2 y tests-passed desde esta mañana (pero esto también estaba ocurriendo ayer en la versión 3.4.1)

Tema principal #1: borde rojo alrededor del contenedor de navegación

image
image463×250 9.59 KB

Componente de tema #2: borde azul alrededor del contenedor de navegación

image
image564×250 9.88 KB

El componente de tema #2 está asignado al tema #1

image
image614×179 4.5 KB

Esperado

Borde azul alrededor del contenedor de navegación

Realidad

Borde rojo alrededor del contenedor de navegación

image
image1129×328 33.4 KB

2

Resumen: soy un tonto.

Las hojas de estilo se ordenan así

          si stylesheets.size > 1
            stylesheets =
              stylesheets.sort_by do |s|
                [s[:remote] ? 0 : 1, s[:theme_id] == @theme_id ? 1 : 0, s[:theme_name]]
              end
          end

Cuando intenté reproducirlo, solo usé hojas de estilo locales.

La realidad es que las hojas de estilo se cargan en este orden:

  • Hojas de estilo remotas
    • componentes del tema, en orden alfabético
    • tema principal
  • Hojas de estilo locales
    • componentes del tema, en orden alfabético
    • tema principal