Adicionar link 'Login' personalizado à aceitação do convite

[gassim (Al-Gassim Sharaf Addin)]

Olá!

Este tópico é de 2018, por favor, ele ainda funciona? Insert text or images anywhere on your site using CSS pseudo-elements

Eu quero usar este truque para corrigir um problema com a página de boas-vindas de convite. Eu quero que membros existentes que não estão logados encontrem facilmente o link de login após clicar em um link de convite. Atualmente, o ‘Já tem uma conta? Faça login (link)’ aparece no final do formulário de inscrição.

Aqui está uma captura de tela de como aparece atualmente:

E é assim que será visível para membros existentes (o que preferimos):

Obrigado!

[Don]

Olá,

Provavelmente a maneira mais fácil de conseguir isso é adicionando um pouco de CSS. Dessa forma, você não precisa modificar o template da página de convite.

Adicione o seguinte à seção CSS Comum / CSS de um componente de tema.

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

[gassim (Al-Gassim Sharaf Addin)]

@Don

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

Funcionou como mágica! Muito obrigado @Don! Queria poder te dar um distintivo da comunidade Discourse por isso `

@staff @team (desculpe pela marcação), mas este é um post muito útil. Vocês poderiam mover o meu e a resposta para um novo tópico na categoria de suporte para que eu possa marcar o post do @Don como solução.

Obrigado!

[merefield (Robert)]

Você já deveria conseguir fazer isso aqui? Acho que seu Tópico faz mais sentido em Dev e entendo que você pode marcá-lo como Resolvido em qualquer caso.

[gassim (Al-Gassim Sharaf Addin)]

Obrigado! Sim, é ainda melhor aqui!