Os componentes do tema não estão mais sobrescrevendo o CSS do tema?

Dev
1

De alguma forma, o comportamento mudou na forma como o Discourse lida com CSS em componentes de tema. EDIT Eu não entendi o que estava fazendo. Vou deixar este tópico (em Development em vez de Contribute > Bug) para referência futura.

Exemplo muito mínimo:

No Discourse 3.4.2 e tests-passed desde esta manhã (mas isso também estava acontecendo ontem na versão 3.4.1)

Tema principal #1: borda vermelha ao redor do contêiner de navegação

image
image463×250 9.59 KB

Componente de tema #2: borda azul ao redor do contêiner de navegação

image
image564×250 9.88 KB

O componente de tema #2 está atribuído ao tema #1

image
image614×179 4.5 KB

Esperado

Borda azul ao redor do contêiner de navegação

Realidade

Borda vermelha ao redor do contêiner de navegação

image
image1129×328 33.4 KB

2

TLDR Eu sou um idiota.

Estilos de folhas (Stylesheets) são ordenados assim:

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

Quando tentei reproduzir, usei apenas estilos de folhas locais.

A realidade é que as estilos de folhas são carregadas nesta ordem:

  • estilos de folhas remotos
    • componentes de tema, em ordem alfabética
    • tema principal
  • estilos de folhas locais
    • componentes de tema, em ordem alfabética
    • tema principal