Skip to content

Commit e0c42dc

Browse files
[8.18] chore(login form): Fix layout for Login assistance message (#233497) (#233577)
# Backport This will backport the following commits from `main` to `8.18`: - [chore(login form): Fix layout for Login assistance message (#233497)](#233497) <!--- Backport version: 9.6.6 --> ### Questions ? Please refer to the [Backport tool documentation](https://github.com/sorenlouv/backport) <!--BACKPORT [{"author":{"name":"Sid","email":"[email protected]"},"sourceCommit":{"committedDate":"2025-08-31T11:49:29Z","message":"chore(login form): Fix layout for Login assistance message (#233497)\n\n## Summary\n\nCloses https://github.com/elastic/kibana/issues/227824\n\nFixes margin for EUI Horizontal rule component when Login Assistance\nMessage is present\n\n\n### Test\nRun kibana with the following setting in kibana.(dev.)yaml\n```\nxpack.security.loginAssistanceMessage: Test Login assistance message\n```\nOn main vs this PR branch, you should see the difference as shown below.\n\n\n| Main | After fix |\n|--------|--------|\n| <img width=\"500\" alt=\"image\"\nsrc=\"https://github.com/user-attachments/assets/ab00606f-aaf2-446f-9118-4f8ce30bf6bb\"\n/> | <img width=\"500\" alt=\"Screenshot 2025-08-29 at 15 39 42\"\nsrc=\"https://github.com/user-attachments/assets/0bdc8948-00a5-4b5f-b4fb-52f0ae04709c\"\n/> |","sha":"d2f64bc8c8a063b3c0109ab09a5759afd6620cdd","branchLabelMapping":{"^v9.2.0$":"main","^v(\\d+).(\\d+).\\d+$":"$1.$2"}},"sourcePullRequest":{"labels":["bug","Team:Security","release_note:skip","backport:prev-minor","backport:prev-major","v9.2.0"],"title":"chore(login form): Fix layout for Login assistance message","number":233497,"url":"https://github.com/elastic/kibana/pull/233497","mergeCommit":{"message":"chore(login form): Fix layout for Login assistance message (#233497)\n\n## Summary\n\nCloses https://github.com/elastic/kibana/issues/227824\n\nFixes margin for EUI Horizontal rule component when Login Assistance\nMessage is present\n\n\n### Test\nRun kibana with the following setting in kibana.(dev.)yaml\n```\nxpack.security.loginAssistanceMessage: Test Login assistance message\n```\nOn main vs this PR branch, you should see the difference as shown below.\n\n\n| Main | After fix |\n|--------|--------|\n| <img width=\"500\" alt=\"image\"\nsrc=\"https://github.com/user-attachments/assets/ab00606f-aaf2-446f-9118-4f8ce30bf6bb\"\n/> | <img width=\"500\" alt=\"Screenshot 2025-08-29 at 15 39 42\"\nsrc=\"https://github.com/user-attachments/assets/0bdc8948-00a5-4b5f-b4fb-52f0ae04709c\"\n/> |","sha":"d2f64bc8c8a063b3c0109ab09a5759afd6620cdd"}},"sourceBranch":"main","suggestedTargetBranches":[],"targetPullRequestStates":[{"branch":"main","label":"v9.2.0","branchLabelMappingKey":"^v9.2.0$","isSourceBranch":true,"state":"MERGED","url":"https://github.com/elastic/kibana/pull/233497","number":233497,"mergeCommit":{"message":"chore(login form): Fix layout for Login assistance message (#233497)\n\n## Summary\n\nCloses https://github.com/elastic/kibana/issues/227824\n\nFixes margin for EUI Horizontal rule component when Login Assistance\nMessage is present\n\n\n### Test\nRun kibana with the following setting in kibana.(dev.)yaml\n```\nxpack.security.loginAssistanceMessage: Test Login assistance message\n```\nOn main vs this PR branch, you should see the difference as shown below.\n\n\n| Main | After fix |\n|--------|--------|\n| <img width=\"500\" alt=\"image\"\nsrc=\"https://github.com/user-attachments/assets/ab00606f-aaf2-446f-9118-4f8ce30bf6bb\"\n/> | <img width=\"500\" alt=\"Screenshot 2025-08-29 at 15 39 42\"\nsrc=\"https://github.com/user-attachments/assets/0bdc8948-00a5-4b5f-b4fb-52f0ae04709c\"\n/> |","sha":"d2f64bc8c8a063b3c0109ab09a5759afd6620cdd"}}]}] BACKPORT--> Co-authored-by: Sid <[email protected]>
1 parent b4765da commit e0c42dc

File tree

1 file changed

+1
-1
lines changed
  • x-pack/platform/plugins/shared/security/public/authentication/login/components/login_form

1 file changed

+1
-1
lines changed

x-pack/platform/plugins/shared/security/public/authentication/login/components/login_form/login_form.scss

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -51,6 +51,6 @@
5151

5252
.secLoginAssistanceMessage {
5353
// This tightens up the layout if message is present
54-
margin-top: -($euiSizeXXL + $euiSizeS);
54+
margin-top: -($euiSizeXL);
5555
padding: 0 $euiSize;
5656
}

0 commit comments

Comments
 (0)