2206
редагувань
MediaWiki:Common.css: відмінності між версіями
CreateAccount desktop: 2-column form grid
Admin (обговорення | внесок) (login mobile: hide logo/warning/footer/gradient + tighten paddings) |
Admin (обговорення | внесок) (CreateAccount desktop: 2-column form grid) |
||
| Рядок 1564: | Рядок 1564: | ||
body.mw-special-CreateAccount #userloginForm { | body.mw-special-CreateAccount #userloginForm { | ||
margin-top: 0 !important; | margin-top: 0 !important; | ||
} | |||
} | |||
/* ==================================================================== | |||
Special:CreateAccount — desktop (≥720px): 2-column form layout | |||
Щоб картка не була занадто висока (5 полів + submit + benefits) | |||
==================================================================== */ | |||
@media (min-width: 720px) { | |||
/* Ширша карточка під дві колонки */ | |||
body.mw-special-CreateAccount .mw-body { | |||
max-width: 720px !important; | |||
padding: 48px 40px 40px !important; | |||
} | |||
/* Форма — 2-колонковий grid */ | |||
body.mw-special-CreateAccount #userlogin2 { | |||
display: grid !important; | |||
grid-template-columns: 1fr 1fr; | |||
column-gap: 20px; | |||
row-gap: 16px; | |||
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; | |||
} | } | ||
} | } | ||