Dichiarazioni contrastanti su due componenti: layout a larghezza intera e ricerca nell'intestazione

Se não me engano, o wrapper extra facilita o alinhamento do título com o conteúdo do tópico, pois posso definir a largura combinada de .header-contents__toggle-and-logo como var(--d-sidebar-width), e ela terá a mesma largura da barra lateral, independentemente do conteúdo.

Sem o wrapper extra, o layout é funcional… mas com duas colunas de grade, não posso confiar em uma única largura para ambas.

Preciso assumir que o alternador da barra lateral terá sempre uma largura estática e, em seguida, calcular a largura máxima do logotipo com base nisso. Isso funciona, mas me lembro de ser mais frágil… Não olho isso há algum tempo, mas talvez valha a pena tentar novamente :thinking:

Voltando a isso… consigo ver por que foi feito com um override. Sem ele, você tem que decorar o widget de título ou ícones do cabeçalho, então acaba adicionando conteúdo dentro de .title ou .panel, o que torna o alinhamento central da barra de pesquisa mais difícil… e requer algum CSS que torna o layout mais frágil e a compatibilidade com outros componentes do cabeçalho mais difícil. Idealmente, o conteúdo da barra de pesquisa deveria estar fora dessas divs, mas não há nada para se conectar para fazer isso.

Agora podemos adicionar um plugin outlet aos widgets, o que pode ajudar…

Isso permitiria que o conteúdo fosse adicionado antes da div .panel, em vez de dentro dela com decorateWidget. Neste caso, o override do template poderia ser removido do componente header-search, e um novo conector pode ser adicionado a:

javascripts/discourse/connectors/before-header-panel

que poderia conter

<MountWidget @widget="search-banner" />

Adicionar um plugin outlet a um widget para que possamos adicionar um widget a um plugin outlet parece um pouco complicado, no entanto… @david/@cvx vocês sabem se isso seria ruim para o desempenho ou causaria outros problemas?