Big Header - Little Header

Just a heads up to anyone using this component - I pushed an update that makes it compatible with the core changes that were made to the Discourse header. Let me know if you find any lingering issues. I plan to do a larger refactor when time permits, but hopefully it’s in working condition again.

cc @Alec (since you reported the issue)

3 curtidas

Hi! I find this works great on desktop / tablet platforms but on mobile it overrides the search / hamburger / user profile buttons (and Log In…if not logged in).

The buttons are all displayed, but they are not clickable because the hyperlink of the logo is taking precedence.

EDIT >> Fixed with the following CSS.

a#logo-link {
    margin-top: 40px;
}
1 curtida

Hey, I really love this but I would also like to change the size of the small logo! In the theme/component I can only change the size of the big one. What is the most straightforward way to change the size of the standard logo too?

If I’m understanding you correctly, you should be able adjust the normal logo’s size by adding the following CSS rule to a new local component (e.g. “Big Header - Little Header Customizations”) you create on your site.

.scrolled-down .d-header #site-logo {
   height: 1.57em;
}
1 curtida

So - there is no way on the Big Header, Little header to have different header Logos for mobile and desktop?

1 curtida

Anyway to set an alternate logo for dark mode?

1 curtida

These are good suggestions and shouldn’t be too difficult to support. I’ve got a lot on my plate at the moment, but will try to dig in soon.

2 curtidas

Thanks! I love the big header/little header theme component on desktop but sadly without mobile support its really hard to use (50%+ of my traffic is mobile). Looking forward to the update.

1 curtida

Apenas verificando… Eu ainda adoraria implementar isso no meu site, mas preciso que ele também acomode dispositivos móveis, já que esse é metade do tráfego hoje em dia.

1 curtida

Obrigado pela atualização. Acabei de concluir um trabalho no componente de pré-visualizações de categoria. O próximo é o componente de banner versátil, depois poderei lidar com isso.

Infelizmente, aquele prato que mencionei ainda está bem cheio :sweat_smile:

3 curtidas

realmente ansioso por isso quando seu prato ficar menos cheio :grinning:

1 curtida

A menos que ocorram circunstâncias extremas, vou reservar um tempo na semana que vem. Você tem sido muito paciente!


Atualização! Tenho logos para dispositivos móveis e específicos para o modo escuro funcionando localmente. Só quero ter certeza de testar tudo minuciosamente. Existem muitos cenários diferentes que incluem diferentes fallbacks, então quero ter certeza de que farei isso corretamente. Deverá estar pronto muito em breve! (Esta semana passou voando, espero conseguir terminar na semana que vem)

3 curtidas

Ótimo - muito obrigado…

Ok - devo atualizar e tentar novamente agora?

1 curtida

Ainda não. Ainda não confirmei as alterações. Os testes finais devem ser feitos amanhã!


Ok @BCHK e @ncaming215, há muito mais que deve ser feito com este componente eventualmente, mas consegui adicionar suporte para logo escuro/móvel com os seguintes commits:

Por favor, atualize o componente e me diga se notar algum problema.

4 curtidas

Funciona bem no celular, mas parece não ser compatível com a nova barra lateral na área de trabalho com o tema Padrão.

Me avisem se mais informações forem necessárias, mas acho que não há nada de especial na minha instalação além da barra lateral.

1 curtida

Ainda há problemas com a barra lateral, como DonH apontou na mensagem acima.

Seria muito bom ter este componente. Meu logotipo fica muito pequeno no cabeçalho padrão.

Atenciosamente,

1 curtida

Olá, isso ainda funciona?
Quando ativo o componente, meu logotipo no cabeçalho desaparece completamente, mesmo que eu tenha imagens carregadas para:

URL do logotipo móvel
URL do logotipo escuro
URL do logotipo móvel

No momento, você pode considerá-lo como quebrado. O componente não é atualizado há dois anos e muitas mudanças ocorreram no núcleo. À primeira vista, exigiria, no mínimo, alguns ajustes de CSS.

De quem é a responsabilidade de marcar componentes de temas, plug-ins, etc. como quebrados (autor?).

Por enquanto, marquei como broken. PRs são bem-vindos para consertar! Infelizmente, não tenho tempo para analisar isso neste momento.

2 curtidas