Aggiungi l'impostazione separata mobile_logo_dark per la schermata di login/iscrizione

Contribuisci Funzionalità
,
1

Al momento, sembra che lo stesso logo mobile venga utilizzato sia nell’intestazione mobile per gli utenti autenticati sia nella schermata di benvenuto (splash screen) per il login/registrazione per gli utenti non autenticati.

Sarebbe utile avere un’impostazione di sito separata, ad esempio:

mobile_logo_dark

o più specificamente:

login_mobile_logo_dark

Questo permetterebbe agli amministratori di utilizzare un logo che funziona bene sullo sfondo della splash screen senza influenzare anche il logo compatto dell’intestazione mostrato agli utenti autenticati.

Caso d’uso

Su mobile, la schermata di benvenuto per il login/registrazione ha spesso requisiti visivi diversi dall’intestazione per gli utenti autenticati.

Ad esempio, un sito potrebbe voler:

  • un logo più grande e decorativo sulla splash screen;
  • una versione più scura o adattata allo sfondo per la modalità scura;
  • un logo compatto semplificato nell’intestazione mobile per gli utenti autenticati.

Attualmente, modificare il logo mobile per adattarlo alla splash screen può far sì che l’intestazione per gli utenti autenticati appaia troppo grande o visivamente innaturale. Al contrario, ottimizzare il logo per l’intestazione può rendere la splash screen troppo semplice o poco armoniosa.

Comportamento suggerito

Aggiungere un’impostazione di caricamento separata per il logo mobile della splash/login in modalità scura.

Ordine di priorità possibile:

  1. utilizzare login_mobile_logo_dark / mobile_logo_dark se impostato;
  2. ricorrere al logo mobile scuro esistente;
  3. ricorrere al logo mobile normale.

Questo darebbe agli amministratori un maggiore controllo sul branding nella prima schermata non autenticata, preservando al contempo il comportamento esistente dell’intestazione per gli utenti autenticati.

Perché questo è utile

La splash screen è spesso la prima cosa che i nuovi utenti vedono, quindi trae beneficio da un logo progettato specificamente per quel contesto. L’intestazione mobile per gli utenti autenticati ha vincoli di spazio molto più stretti, quindi solitamente richiede un asset diverso.

1 Mi Piace
2

Ho appena aperto una PR di implementazione in bozza per questa funzionalità:

Questa aggiunge il supporto per un’immagine separata della schermata di benvenuto in modalità scura, consentendo alla schermata di login/iscrizione di utilizzare una risorsa diversa quando è attivo uno schema di colori scuro.

L’implementazione include attualmente:

  • impostazione del sito splash_screen_image_dark
  • selezione dell’immagine della schermata di benvenuto sensibile alla modalità scura
  • fallback all’immagine della schermata di benvenuto esistente quando non è configurata alcuna risorsa scura
  • metodi di aiuto aggiornati/refactoring
  • copertura RSpec corrispondente

Ho anche rebased/cherry-picked il lavoro su un branch pulito in modo che la cronologia della PR contenga solo commit relativi a questa funzionalità.

I feedback sono molto graditi, in particolare su:

  • la denominazione dell’impostazione
  • se il comportamento di fallback sia appropriato
  • se questa dovrebbe rimanere specifica per la schermata di benvenuto o essere generalizzata ulteriormente
1 Mi Piace