diff --git a/assets/css/routes/user-center/settings.css b/assets/css/routes/user-center/settings.css index 73d7e634..50d25f3a 100644 --- a/assets/css/routes/user-center/settings.css +++ b/assets/css/routes/user-center/settings.css @@ -702,6 +702,14 @@ .aksrt-settings-modal__fields { padding: 0; } .aksrt-settings-modal .modal-line-field--code .line-form-input { padding-right: 7em; } +.aksrt-settings-modal .modal-line-field--code .yztx.abs-right { + top: 50%; + right: .7em; + z-index: 2; + margin-top: 3px; + transform: translateY(-50%); +} +.aksrt-settings-modal .modal-line-field--code .code-send-btn { display: inline-block; margin: 0; } .aksrt-settings-modal .toggle-pwd { position: absolute; right: 7px; bottom: 4px; width: 30px; height: 30px; padding: 0; border: 0; background: transparent; color: var(--muted-2-color, #999); cursor: pointer; } .aksrt-settings-modal .toggle-pwd:hover { color: var(--color-ink, #333); } .aksrt-settings-modal .code-send-btn { white-space: nowrap; } diff --git a/tests/widget-system/account-settings-contract.test.cjs b/tests/widget-system/account-settings-contract.test.cjs index 5fef31fe..45d74fc8 100644 --- a/tests/widget-system/account-settings-contract.test.cjs +++ b/tests/widget-system/account-settings-contract.test.cjs @@ -36,6 +36,7 @@ test('account dialogs expose configured email steps, phone steps, and reference assert.doesNotMatch(template + javascript + css, /pwd-strength|pwd-send-code|email-send-code/); assert.match(css, /\.aksrt-modal-runtime\.aksrt-user-settings-modal\.aksrt-modal-runtime--bottom \.aksrt-modal-runtime__dialog \{[\s\S]*?width: 400px/); assert.match(css, /@media \(max-width: 640px\)[\s\S]*?width: 100%/); + assert.match(css, /modal-line-field--code \.yztx\.abs-right[\s\S]*?top: 50%[\s\S]*?right: \.7em/); assert.doesNotMatch(css, /\.code-send-btn \{ min-width:/); const emailConditionStart = template.indexOf('');