MediaWiki:Chameleon.css：修订间差异
MediaWiki界面页面
更多操作
Maintenance script（留言 | 贡献） Normalize Chameleon container rows |
Maintenance script（留言 | 贡献） Polish Chameleon mobile brand mark |
||
| （未显示同一用户的2个中间版本） | |||
| 第1,514行： | 第1,514行： | ||
body.skin-chameleon.page-特殊_用户登录 .mw-htmlform { | body.skin-chameleon.page-特殊_用户登录 .mw-htmlform { | ||
max-width: 100%; | max-width: 100%; | ||
} | |||
} | |||
/* Final mobile shell rule: keep brand, account actions, search and page actions readable. */ | |||
@media (max-width: 767.98px) { | |||
body.skin-chameleon > .container.flex-fill > .row:first-child { | |||
grid-template-columns: minmax(7.5rem, 1fr) auto !important; | |||
gap: .38rem .55rem !important; | |||
} | |||
body.skin-chameleon #p-logo { | |||
grid-column: 1; | |||
grid-row: 1; | |||
min-width: 0; | |||
} | |||
body.skin-chameleon #p-logo a { | |||
width: max-content; | |||
max-width: 100%; | |||
min-height: 2.35rem; | |||
padding: .16rem .46rem; | |||
} | |||
body.skin-chameleon #p-logo a::after { | |||
display: none; | |||
} | |||
body.skin-chameleon #p-logo img { | |||
max-width: 2rem; | |||
max-height: 2rem; | |||
} | |||
body.skin-chameleon #p-personal { | |||
grid-column: 2; | |||
grid-row: 1; | |||
width: auto !important; | |||
min-width: max-content; | |||
margin-bottom: 0; | |||
} | |||
body.skin-chameleon #p-personal .p-personal-tools, | |||
body.skin-chameleon #p-personal ul { | |||
justify-content: flex-end; | |||
} | |||
body.skin-chameleon #p-search { | |||
grid-column: 1 / -1; | |||
grid-row: 2; | |||
width: 100%; | |||
min-width: 0; | |||
} | |||
body.skin-chameleon #p-search .input-group { | |||
grid-template-columns: minmax(0, 1fr) 2.35rem !important; | |||
max-width: none; | |||
width: 100%; | |||
} | |||
body.skin-chameleon #p-search .input-group > .input-group-append, | |||
body.skin-chameleon #p-search .input-group .btn, | |||
body.skin-chameleon #p-search .input-group button, | |||
body.skin-chameleon #p-search .input-group input[type="submit"] { | |||
width: 2.35rem !important; | |||
min-width: 2.35rem !important; | |||
} | |||
body.skin-chameleon #p-contentnavigation { | |||
display: flex !important; | |||
justify-content: flex-start !important; | |||
gap: .35rem !important; | |||
overflow-x: auto; | |||
padding-right: .75rem; | |||
padding-bottom: .18rem; | |||
scrollbar-width: thin; | |||
} | |||
body.skin-chameleon #p-contentnavigation #p-namespaces, | |||
body.skin-chameleon #p-contentnavigation #p-views, | |||
body.skin-chameleon #p-contentnavigation .tab-group { | |||
display: flex !important; | |||
flex: 0 0 auto; | |||
gap: .35rem; | |||
} | |||
body.skin-chameleon #p-contentnavigation .mw-list-item { | |||
display: block !important; | |||
flex: 0 0 auto; | |||
min-width: 0 !important; | |||
} | |||
body.skin-chameleon #p-contentnavigation a { | |||
width: auto !important; | |||
max-width: none !important; | |||
min-width: max-content !important; | |||
overflow: visible; | |||
text-overflow: clip; | |||
white-space: nowrap; | |||
} | } | ||
} | } | ||