Adicionar configuração separada mobile_logo_dark para a tela de splash de login/cadastro

Contribuir Funcionalidade
,
1

No momento, o mesmo logotipo móvel parece ser usado tanto no cabeçalho móvel de usuários logados quanto na tela de splash de login/registro para não autenticados.

Seria útil ter uma configuração de site separada, por exemplo:

mobile_logo_dark

ou, mais especificamente:

login_mobile_logo_dark

Isso permitiria que os administradores usassem um logotipo que funcione bem no fundo da tela de splash, sem afetar também o logotipo compacto do cabeçalho exibido para usuários logados.

Caso de uso

No dispositivo móvel, a tela de splash de login/registro frequentemente tem requisitos visuais diferentes do cabeçalho de usuários logados.

Por exemplo, um site pode desejar:

  • um logotipo maior e mais decorativo na tela de splash;
  • uma versão mais escura ou mesclada ao fundo para o modo escuro;
  • um logotipo compacto simplificado no cabeçalho móvel de usuários logados.

Atualmente, alterar o logotipo móvel para adequá-lo à tela de splash pode fazer com que o cabeçalho de usuários logados pareça grande demais ou visualmente inadequado. Por outro lado, otimizar o logotipo para o cabeçalho pode fazer com que a tela de splash pareça muito simples ou mal mesclada.

Comportamento sugerido

Adicionar uma configuração de upload separada para o logotipo móvel de splash/login no modo escuro.

Ordem de prioridade possível:

  1. usar login_mobile_logo_dark / mobile_logo_dark se estiver definido;
  2. recorrer ao logotipo móvel escuro existente;
  3. recorrer ao logotipo móvel normal.

Isso daria aos administradores mais controle sobre a marca na primeira tela não autenticada, mantendo o comportamento atual do cabeçalho de usuários logados.

Por que isso ajuda

A tela de splash é frequentemente a primeira coisa que novos usuários veem, por isso se beneficia de um logotipo projetado especificamente para esse contexto. O cabeçalho móvel de usuários logados tem restrições de espaço muito mais apertadas, então geralmente precisa de um ativo diferente.

1 curtida
2

Agora abri um PR de implementação em rascunho para este recurso:

Isso adiciona suporte a uma imagem de tela de splash separada para o modo escuro, permitindo que a tela de splash de login/cadastro utilize um ativo diferente quando um esquema de cores escuro estiver ativo.

A implementação atualmente inclui:

  • configuração do site splash_screen_image_dark
  • seleção da imagem de tela de splash adaptada ao modo escuro
  • fallback para a imagem de splash existente quando nenhum ativo escuro estiver configurado
  • métodos auxiliares atualizados/refatorações
  • cobertura RSpec correspondente

Também rebasei/cherry-picked o trabalho para uma branch limpa, de modo que o histórico do PR contenha apenas commits relacionados a este recurso.

Comentários são muito bem-vindos, especialmente sobre:

  • a nomenclatura da configuração
  • se o comportamento de fallback é apropriado
  • se isso deve permanecer específico para a tela de splash ou ser generalizado ainda mais
1 curtida