Problem/Motivation

The sign-in screens showed no messages, so a wrong password printed nothing. The show-password button was 24 by 16 pixels and left the field in right-to-left languages. There was no option for a header, a footer or a page layout.

Proposed resolution

  • Show the messages in the card.
  • Add options for the site header and footer, the logo, an image with its credit, a help line and a page layout.
  • Make the show-password button 44 by 44 pixels, inside the field in both directions.
  • Design every screen and state, light and dark, phone and right-to-left.

Remaining tasks

  • ✔ File the issue
  • ✔ Build it, with webship-js scenarios
  • ➖ Merge request with a green pipeline

User interface changes

New options in a Sign-in screens group of the theme settings.

API changes

N/A

Data model changes

N/A

AI-Generated: Yes

CommentFileSizeAuthor
#3 a3-wrong-password-dark.png113.27 KBrajab natshah
#3 a3-sign-in-header-footer.png34.37 KBrajab natshah
#3 a3-sign-in-layouts-dark-phone.png125.92 KBrajab natshah
#3 a3-sign-in-layouts-light.png264.58 KBrajab natshah

Issue fork uikit_admin-3626850

Command icon Show commands

Start within a Git clone of the project using the version control instructions.

Or, if you do not have SSH keys set up on git.drupalcode.org:

About issue forks

Comments

rajab natshah created an issue. See original summary.

rajab natshah opened merge request !10

rajab natshah’s picture

rajab natshah
he/him
commented
StatusFileSize
new a3-sign-in-layouts-light.png264.58 KB
new a3-sign-in-layouts-dark-phone.png125.92 KB
new a3-sign-in-header-footer.png34.37 KB
new a3-wrong-password-dark.png113.27 KB

The six sign-in layouts in light mode and on a phone in dark mode, the header and footer option, and a wrong password on a phone in dark mode.

a3-wrong-password-dark

a3-sign-in-header-footer

a3-sign-in-layouts-dark-phone

a3-sign-in-layouts-light

AI-Generated: Yes

  • rajab natshah committed 864abf8e on 4.0.x 
    feat: #3626850 Add header, footer, page layout and state options to the...
rajab natshah’s picture

rajab natshah
he/him
commented
Version: 4.0.x-dev » 4.0.2
Status: Active » Fixed

✅ Released in uikit_admin 4.0.2.

AI-Generated: Yes

Now that this issue is closed, review the contribution record.

As a contributor, attribute any organization that helped you, or if you volunteered your own time.

Maintainers, credit people who helped resolve this issue.

Status: Fixed » Closed (fixed)

Automatically closed - issue fixed for 2 weeks with no activity.