Skip to content

Document How to set login disclaimer + branding css to add SSO links to frontpage #16

@strazto

Description

@strazto

Originally posted by @matthewstrasiotto in #2 (comment)

  • Optionally, (and later) write frontend that autmatically injects this into the user's disclaimer settings
    • can probably use css to distinguish provider graphics

An example - Here, I:

  • add links that I style to match the native buttons (Forgot password, Quick Connect, etc),
    • Password Reset via authelia,
    • Server homepage
  • use css to hide the Forgot Password button, since my Audentity Provider is LDAP, and authelia provides password reset functionality (There's no setting for this)
<a href="https://authelia.example.com/reset-password/step1" class="raised cancel block emby-button">Forgot Password</a>
<a href="https://example.com" class="raised cancel block emby-button">
   <span class="material-icons home" aria-hidden="true"></span>
   <span>Server Homepage</span>
</a>
/* Hide this in lieu of authelia link */
.emby-button.block.btnForgotPassword {
   display: none;
}

/* Make links look like buttons */
a.raised.emby-button { 
   padding: 0.9em 1em;
   color: inherit !important;
}


/* Let disclaimer take full width */
.disclaimerContainer {
   display: block;
}

This renders out like so:

image

"Manual Login" and "Quick Connect" are both builtin by jellyfin, "Forgot Password" is actually my own link to authelia.

Metadata

Metadata

Assignees

No one assigned

    Labels

    documentationImprovements or additions to documentationenhancementNew feature or request

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions