Page MenuHomeDevCentral

Set background-size cover CSS attribute to background images
Open, LowPublic

Description

On the login page, when the page is zoomed out, the wallpaper is reduced too.

To allow the background image to still populate all the viewport, the following CSS attribute should be set to each relevant classes:

.some-background-class {
    background-size: cover;
}

Event Timeline

dereckson created this task.
dereckson moved this task from Backlog to Design on the good-first-issue board.

Development moratoire

Per T1771, we're currently considering implementing Keycloak as a reference identity management and SSO login product.

This product exposes a LDAP, OIDC (OpenID Connect) and SAML capabilities to authenticate users and applications. It seems to solve our main problems.

From there, it's not clear what we do with Auth Grove:

  • Scenario A. We drop it, and as users we directly interact with Keycloak. Development is discontinued.
  • Scenario B. Auth Grove is morphed into a front-end to use Keycloak: we expose current information, and interact with Keycloak API (through a generic set of classes to allow to switch to another solution) to set credentials and metadata.
  • Scenario C. We use both Keycloak AND Auth Grove. We don't make integrate with Keycloak at all, to stay independent and not vendor-locked.

While T1771 evaluation is ongoing, a moratoire covers any development activities related to Auth Grove, with the obvious exception of security issues.
This moratoire cover fully or partly this task.

Feu vert / green light for this task

This task fixes the CSS and depending of question posed in T1771:

  • scenario B and C -> we'll use those CSS directly in Auth Grove
  • scenario A -> we move the CSS to our Keycloak installation

So in all cases, we'll use them to style the login screens.