Añadir enlace 'Iniciar sesión' personalizado a la aceptación de invitaciones

[gassim (Al-Gassim Sharaf Addin)]

Hola!

Este tema es de 2018, ¿todavía funciona? Insert text or images anywhere on your site using CSS pseudo-elements

Quiero usar este truco para solucionar un problema con la página de bienvenida de invitaciones. Quiero que los miembros existentes que no han iniciado sesión encuentren fácilmente el enlace de inicio de sesión después de hacer clic en un enlace de invitación. Actualmente, el texto “¿Ya tienes una cuenta? Iniciar sesión” aparece al final del formulario de registro.

Aquí tienes una captura de pantalla de cómo aparece actualmente:

Y así es como será visible para los miembros existentes (lo que preferimos):

¡Gracias!

[Don]

Hola,

Probablemente la forma más fácil de lograr esto sea añadiendo algo de CSS. De esta manera, no necesitarás modificar la plantilla de la página de invitación.

Añade lo siguiente a la sección CSS Común / CSS de un 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;
    }
  }
}

¡Funcionó como por arte de magia! ¡Muchas gracias @Don! Ojalá pudiera otorgarte una insignia de comunidad de Discourse por esto `

@staff @team (disculpen por la etiqueta) pero esta es una publicación muy útil. ¿Podrían mover la mía y la respuesta a un nuevo tema en la categoría de soporte para que pueda marcar la publicación de @Don como solución?

¡Gracias!

[merefield (Robert)]

¿Ya deberías poder hacer eso aquí? Creo que tu tema tiene más sentido en Dev y entiendo que puedes marcarlo como Resuelto en cualquier caso.

[gassim (Al-Gassim Sharaf Addin)]

¡Gracias! ¡Sí, aquí es aún mejor!