feat: #3626850 Add header, footer, page layout and state options to the sign-in screens

Issue: https://www.drupal.org/project/uikit_admin/issues/3626850

Stacked on the merge request of #3626849: merge that one first.

  • Show the status messages in the card: a wrong password, a sent link and an expired link now say what happened.
  • Add the options: header and footer of the site, logo (site, theme or none), an image with its credit, a help line and a Display Builder page layout, with schema, choices, length limits and a post update.
  • Give each screen its own class (login, register, password, reset, logout, denied) and add the log out confirmation to the sign-in routes.
  • Show an access denied page on a sign-in path as a sign-in screen, never with the rail; say that accounts are created by an administrator when registration is closed.
  • Redesign the component: 26rem card, 16px fields, 44px targets, logical properties, 100dvh, a fixed dark brand panel, a short brand row on phones, a three-line clamp for long names, a logo tile, an image under a dark layer, and no empty links row.
  • Style the View Password button as a 44px button inside the field with an icon in the text color, in both directions, and the password strength meter with state colors.
  • Log in form: no autofocus, no help text, a "Forgot your password?" link under the password; the reset form says "Send reset link" and returns to the log in screen.
  • Make the error border and the required marker readable in the dark mode.
  • Describe every prop and slot of the component, add a story for each layout, and a UI Skins token for the logo tile.
  • Tests: new 01-04-02-sign-in-options.feature and 01-04-03-sign-in-states.feature.

AI-Generated: Yes

Merge request reports

Loading
Loading