로그인/가입 스플래시 화면용 mobile_logo_dark 설정 추가

기여 기능
,
1

현재 로그인된 모바일 헤더와 인증되지 않은 로그인/가입 스플래시 화면 모두에 동일한 모바일 로고가 사용되는 것으로 보입니다.

다음과 같은 별도의 사이트 설정이 있으면 유용할 것입니다:

mobile_logo_dark

또는 더 구체적으로:

login_mobile_logo_dark

이렇게 하면 관리자가 스플래시 화면 배경과 잘 어울리는 로고를 사용할 수 있으면서도, 로그인한 사용자에게 표시되는 컴팩트 헤더 로그에는 영향을 주지 않을 수 있습니다.

사용 사례

모바일에서 로그인/가입 스플래시 화면은 로그인된 헤더와 다른 시각적 요구 사항을 가지는 경우가 많습니다.

예를 들어, 사이트는 다음과 같은 설정을 원할 수 있습니다:

  • 스플래시 화면에는 더 크고 장식적인 로고;
  • 다크 모드용 더 어둡거나 배경과 조화되는 버전;
  • 로그인된 모바일 헤더에는 단순화된 컴팩트 로고.

현재 스플래시 화면에 맞게 모바일 로고를 변경하면 로그인된 헤더가 과도하게 크거나 시각적으로 어색해 보일 수 있습니다. 반대로, 헤더에 맞게 로고를 최적화하면 스플래시 화면이 너무 단조롭거나 배경과의 조화가 안 좋아 보일 수 있습니다.

제안되는 동작

다크 모드에서 스플래시/로그인용 모바일 로고를 위한 별도의 업로드 설정을 추가합니다.

가능한 우선순위:

  1. 설정된 경우 login_mobile_logo_dark / mobile_logo_dark 사용;
  2. 기존 다크 모바일 로그로 폴백;
  3. 일반 모바일 로그로 폴백.

이를 통해 기존 로그인된 헤더 동작을 유지하면서, 첫 번째 인증되지 않은 화면의 브랜딩에 대해 관리자가 더 많은 제어권을 가질 수 있습니다.

왜 이것이 도움이 되는가

스플래시 화면은 새로운 사용자가 가장 먼저 보는 것이므로, 해당 컨텍스트에 맞게 특별히 디자인된 로고가 유리합니다. 로그인된 모바일 헤더는 공간 제약이 훨씬 엄격하므로, 일반적으로 다른 에셋이 필요합니다.

1개의 좋아요
2

해당 기능에 대한 초안 구현 PR을 열었습니다:

이 PR은 다크 모드 스플래시 화면 이미지를 별도로 사용할 수 있도록 지원하여, 다크 컬러 스킴이 활성화된 경우 로그인/회원가입 스플래시 화면에 다른 자산을 사용할 수 있게 합니다.

현재 구현에는 다음이 포함되어 있습니다:

  • splash_screen_image_dark 사이트 설정
  • 다크 모드 인식 스플래시 화면 이미지 선택
  • 다크 자료가 설정되지 않은 경우 기존 스플래시 이미지로 폴백
  • 업데이트된 헬퍼 메서드/리팩토링
  • 관련 RSpec 커버리지

또한 PR 히스토리에 이 기능과 관련된 커밋만 포함되도록 작업을 깨끗한 브랜치로 리베이스/체리픽했습니다.

피드백을 환영하며, 특히 다음 사항에 대한 의견이 필요합니다:

  • 설정 이름
  • 폴백 동작이 적절한지 여부
  • 스플래시 화면 전용으로 유지할지, 아니면 더 일반화할지 여부
1개의 좋아요