Guest Gate Theme Component

Thanks! Yeah I see now. This is because you using a custom code to make link looks like as button.

Update!

I reverted this change in theme component!

And the last update I changed the login <a> link to <span>.

Please change this code and add the span.sso-login to this.

This customization is on your theme_3 theme component.

Screenshot 2022-11-15 at 17.16.39

#discourse-modal.gate {
 .modal-footer {
    a,
    span.sso-login {
      outline: none;
      margin: 0 0.25em;
      padding: 4px;
      display: inline-flex;
      appearance: none;
      -webkit-box-align: center;
      align-items: center;
      -webkit-box-pack: center;
      justify-content: center;
      user-select: none;
      position: relative;
      white-space: nowrap;
      vertical-align: middle;
      outline: transparent solid 2px;
      outline-offset: 2px;
      border-width: 0.0625rem;
      border-style: solid;
      border-image: initial;
      border-radius: 4px;
      background-image: linear-gradient(to bottom, #7b3ba5, #421560);
      border-color: #7b3ba5;
      color: #f6f4f6;
      font-weight: 700;
      width: 100px;
    }
  }
}

After change :arrow_down_small:

I use an other method to fix the DiscourseConnect login link. So the hidden informations above are not relevant anymore.


Just a reminder :slightly_smiling_face: You can use buttons instead links by enable the use gate buttons setting :arrow_down_small:

2 Likes