초대 수락에 사용자 지정 '로그인' 링크 추가

안녕하세요!

이 게시글은 2018년 것이니, 아직도 작동하나요? Insert text or images anywhere on your site using CSS pseudo-elements

이 트릭을 사용해 초대 환영 페이지의 문제를 수정하려고 합니다. 로그인하지 않은 기존 회원이 초대 링크를 클릭한 후 로그인 링크를 쉽게 찾을 수 있도록 하려는 것입니다. 현재 '이미 계정이 있으신가요? 로그인(링크)'은 가입 양식의 맨 끝에 표시되고 있습니다.

현재 화면은 다음과 같습니다:

기존 회원이 볼 때의 모습(우리가 원하는 형태)은 다음과 같습니다:

감사합니다!

안녕하세요,

이를 구현하는 가장 쉬운 방법 중 하나는 CSS를 추가하는 것입니다. 이렇게 하면 초대 페이지 템플릿을 수정할 필요가 없습니다.

다음 내용을 테마 구성 요소의 Common / CSS 섹션에 추가하세요.

body.invite-page {
  .invites-show {
    .login-welcome-header {
      gap: 3em 0;
    }
    .invitation-cta__info {
      position: absolute;
      top: -6em;
      left: 0;
    }
  }
}

마법처럼 잘 작동했습니다! @Don 님, 정말 감사합니다! 이 공로로 discourse 커뮤니티 배지를 드릴 수 있으면 좋았을 텐데요 :heart_eyes:

@staff @team (태그해 죄송합니다) 하지만 이 글은 매우 유용합니다. 제 글과 답변을 지원 카테고리에서 새 주제로 이동해 주실 수 있을까요? 그러면 @Don 님의 글을 해결책으로 표시할 수 있을 것 같습니다.

감사합니다!

여기서 이미 그걸 할 수 있어야 하는 거 아닌가요? Development 채널에서 질문하시는 게 더 적절하다고 생각되고, 어쨌든 해결로 표시할 수 있다는 점도 알고 있습니다.

감사합니다! :slight_smile: 네, 여기가 훨씬 더 좋습니다!