사용자 카드가 헤더를 피하지 않음

…그리고 고정 아바타가 실제로 존재하는 점을 고려하면, 이는 분명히 중요한 문제입니다. 이 사진의 경우는 비교적 흔할 수 있지만, 사용자 카드가 배너 뒤에 가려져 있습니다:

사용자 카드를 상단에 플로팅하도록 만들거나, 더 좋게는 헤더 아래에서 시작하도록 하면, 이 드물었던但现在 흔해진 시나리오가 사용자에게 영향을 미치는 것을 방지할 수 있습니다.

4개의 좋아요

안녕하세요,

여기에는 실제로 두 가지 서로 다른 문제가 있는 것 같습니다.

  1. 말씀하신 대로, 사용자 카드가 표시될 때 헤더에 너무 가까우면 카드가 헤더에 가려집니다.
    이것은 사용자 카드 요소가 표시될 때 오프셋이 계산되는 방식과 관련이 있는 것으로 보입니다. _showCardOnClick 메서드가 호출될 때 이 동작을 결정하는 것은 /app/mixins/card-contents-base.js 파일의 _positionCard 메서드인 것 같습니다. _calculateTopOffset 메서드는 있지만, header 대신 #main_outlet 또는 html만 참조하고 있습니다. 제 생각에는 데스크톱에서 사용자 카드가 표시될 때 헤더를 찾고 이를 top 값으로 사용해야 합니다. 그러나… 상황이 조금 더 복잡합니다.
  2. 이 동작은 모바일과 데스크톱 사이트에서 다릅니다…
    모바일 기기에서 사용자 카드가 표시되면 페이지 상단에 위치하며, 전체 페이지 모달처럼 보입니다. 페이지의 아무 곳이나 클릭하고 스크롤을 시도하면 카드가 숨겨지고 모달이 제거됩니다. 데스크톱에서도 카드 외부 영역을 클릭하면 동일한 일이 발생합니다. 그러나… 데스크톱에서는 아무 곳도 클릭하지 않고 스크롤만 해도 사용자 카드가 계속 표시되며, 그만큼 스크롤하면 카드가 헤더 뒤에 가려집니다.

따라서 데스크톱에서 사용자 카드가 헤더를 존중하도록 하는 것 외에도, 카드 외부 영역을 클릭하거나 스크롤을 시도하면 카드가 다시 숨겨지도록 모든 기기에서 동작이 동일하게 유지되는 것이 좋을 것 같습니다. 이 부분에 대해 어떻게 생각하시나요?

2개의 좋아요

합리적인 제안인 것 같지만, 불행히도 제가 직접 그 커밋을 완료할 시간도 경험도 부족합니다.

혹시 시간이 나시는 분이 처리해 주시면 좋겠습니다. 우선순위가 높은 수정 사항은 아니지만, 전반적인 Discourse 사이트의 전문성을 위해선 좋은 일일 것입니다.

방금 테스트해 봤는데, 내 생각에는 수정된 것 같습니다. 고정 아바타에 대해 동의하며, 이는 중요한 수정입니다!