로그인/회원가입 모달 정렬 문제

안녕하세요 :waving_hand:

로그인 및 가입 모달이 약간 어긋나 있는 것 같습니다.

이 커밋이 관련이 있을 것 같습니다.

문제를 더 잘 보기 위해 텍스트가 더 긴 다른 언어(헝가리어)로 변경해 보았습니다.


데스크톱에서

데스크톱에서 모바일 보기로 전환

4개의 좋아요

리포트 감사합니다. 실제로 관련이 있을 가능성이 높네요. 확인해 보겠습니다!

4개의 좋아요

다음 문제를 수정하기 위한 PR이 곧 올라올 예정입니다:

=> 이제 필요한 경우 전체 폭(full-width)으로 표시되어야 합니다

=> 리팩토링 이전과 마찬가지로 모바일에서는 파란 영역이 숨겨져야 합니다

오버플로가 모달 크기를 초과하는 대신 이제 모달 내에서 스크롤되어야 합니다

모바일 보기가 데스크톱 크기의 화면에서 잘 동작하도록 설계된 것이 아니므로, 여기서는 문제가 무엇인지 확실하지 않습니다?

3개의 좋아요

수정해 주셔서 감사합니다 :+1:

데스크톱(모바일 뷰)과 모바일(데스크톱 뷰)에서 왜 제대로 작동하지 않을 것으로 예상되는지 잘 모르겠습니다. 이것이 다소 특수한 경우(edge case)인 것은 알지만, 데스크톱(모바일 뷰)의 경우 다른 이유는 없더라도 개발 목적이라도 작동하는 것이 좋을 것 같습니다. 모바일 뷰로 전환하면 가상 기기로 시뮬레이션하지 않고도 실제 모바일 기기와 거의 동일한 모습을 볼 수 있어야 합니다.

현재 모바일(데스크톱 뷰)에서는 모달 콘텐츠가 넘쳐흐릅니다(overflow). 이것도 특수한 경우이지만, 때로는 Discourse가 모바일 기기 브라우저를 잘못 감지하여 데스크톱 뷰로 전환시키기도 합니다.

데스크톱(모바일 뷰)

모바일(데스크톱 뷰)

1개의 좋아요

URL 뒤에 ?mobile_view=1을 붙여 보셨나요? 그렇게 하지 않으면 제가 보시는 것과 동일한 화면이 나타나지만, 붙이면 정상적으로 동작합니다.

네, ?mobile_view=1을 추가하면 위에서 공유한 것과 같은 모습이 됩니다.

크롬의 디바이스 도구를 사용해 사이트를 새로고침하면, 기기를 mobile-device로 감지하기 때문에 올바른 모바일 뷰가 적용됩니다.

1개의 좋아요

네, 말씀하신 뜻을 이해했습니다.

아쉽게도 당장 답변이나 해결책은 없습니다. 그리고 이건 이 주제에만 국한되지 않는 문제이기 때문에, 이 부분에 대해 강하게 느끼신다면 별도의 주제를 개설하시는 것을 추천드립니다.

감사합니다!

이 주제는 4일 후 자동으로 닫혔습니다. 더 이상 답변을 작성할 수 없습니다.