|
|
| Рядок 1566: |
Рядок 1566: |
| } | | } |
| } | | } |
| | |
| /* ==================================================================== | | /* ==================================================================== |
| Special:CreateAccount — desktop (≥720px): 2-column form layout | | Special:UserLogin / Special:CreateAccount — full-width header |
| Щоб картка не була занадто висока (5 полів + submit + benefits) | | Хедер має тягтись на всю ширину viewport (без max-width 99.75em) |
| ==================================================================== */ | | ==================================================================== */ |
| @media (min-width: 720px) {
| | body.mw-special-Userlogin .vector-header-container, |
| /* Ширша карточка під дві колонки */
| | body.mw-special-CreateAccount .vector-header-container { |
| body.mw-special-CreateAccount .mw-body {
| | max-width: none !important; |
| max-width: 720px !important;
| | min-width: 0 !important; |
| padding: 48px 40px 40px !important;
| | width: 100% !important; |
| } | | padding-left: 24px !important; |
| | | padding-right: 24px !important; |
| /* Форма — 2-колонковий grid */
| | } |
| body.mw-special-CreateAccount #userlogin2 {
| | /* Внутрішня шапка теж не повинна обмежуватись */ |
| display: grid !important;
| | body.mw-special-Userlogin .mw-header, |
| grid-template-columns: 1fr 1fr;
| | body.mw-special-CreateAccount .mw-header { |
| column-gap: 20px;
| | max-width: none !important; |
| row-gap: 16px;
| | width: 100% !important; |
| align-items: start;
| |
| }
| |
| | |
| /* Watermark + status area — на всю ширину */
| |
| body.mw-special-CreateAccount #userlogin2 > .mw-htmlform-field-HTMLInfoField,
| |
| body.mw-special-CreateAccount #userlogin2 > #mw-createacct-status-area {
| |
| grid-column: 1 / -1;
| |
| }
| |
| | |
| /* Логічне розміщення через order:
| |
| 1. Username | 2. Email
| |
| 3. Password | 4. Retype
| |
| 5. Realname (full width — опційне)
| |
| 6. Submit (full width) */
| |
| body.mw-special-CreateAccount #userlogin2 > .mw-htmlform-field-HTMLTextField:has(input#wpName2) { order: 1; }
| |
| body.mw-special-CreateAccount #userlogin2 > .mw-htmlform-field-HTMLTextField:has(input#wpEmail) { order: 2; } | |
| body.mw-special-CreateAccount #userlogin2 > .mw-htmlform-field-HTMLTextField:has(input#wpPassword2) { order: 3; } | |
| body.mw-special-CreateAccount #userlogin2 > .mw-htmlform-field-HTMLTextField:has(input#wpRetype) { order: 4; }
| |
| body.mw-special-CreateAccount #userlogin2 > .mw-htmlform-field-HTMLTextField:has(input#wpRealName) {
| |
| order: 5;
| |
| grid-column: 1 / -1;
| |
| }
| |
| body.mw-special-CreateAccount #userlogin2 > .mw-htmlform-field-HTMLSubmitField {
| |
| order: 6;
| |
| grid-column: 1 / -1;
| |
| }
| |
| | |
| /* Benefits-блок (статистика) — на всю ширину, легкий margin зверху */
| |
| body.mw-special-CreateAccount .mw-createacct-benefits-container {
| |
| margin-top: 8px;
| |
| }
| |
| } | | } |
