MediaWiki:Vector-2022.css:修订间差异
备案号独占一行 |
修正:选择器优先级不够导致备案号没换行,改为两个 ID |
||
| (未显示同一用户的1个中间版本) | |||
| 第28行: | 第28行: | ||
备案号那条 <li id="footer-info-icp"> 是 SkinAddFooterLinks 钩子加的 | 备案号那条 <li id="footer-info-icp"> 是 SkinAddFooterLinks 钩子加的 | ||
(见 LocalSettings.php 定制改动 D)。 | (见 LocalSettings.php 定制改动 D)。 | ||
Vector 的 components/Footer.less | |||
⚠ 选择器必须写两个 ID,一个不够: | |||
Vector 的 components/Footer.less 里是 | |||
#footer-info li { display: inline-block } ← 1 个 ID + 1 个标签 | |||
#footer-info #footer-info-copyright { display: block } ← 2 个 ID | |||
只写 #footer-info-icp(1 个 ID)优先级低于 #footer-info li, | |||
display:block 会被覆盖,备案号就跟版权行挤在同一行了(踩过)。 | |||
Vector 给版权项用 2 个 ID 也正是这个原因。 | |||
恢复:删掉本规则即可。 */ | 恢复:删掉本规则即可。 */ | ||
#footer-info-icp { | #footer-info li#footer-info-icp { | ||
display: block; | display: block; | ||
} | } | ||
2026年9月29日 (二) 15:17的最新版本
/* 哲艺图书馆定制:隐藏右上角遗留的空「外观」下拉按钮
成因:外观面板主体在 vector-appearance-pinned-container(随 vector-column-end 一并移除),
但此处的下拉按钮是空壳。移除本规则即可恢复。 */
.vector-appearance-landmark {
display: none;
}
/* 哲艺图书馆定制:隐藏左上角「主菜单」(汉堡按钮,展开后是「导航」:
首页 / 最近更改 / 随机页面 / MediaWiki帮助 / 特殊页面)。
这条选择器同时命中两处,所以一条规则就够:
① 页头的折叠按钮 —— Header.mustache 里的 MainMenuDropdown
(<nav class="vector-main-menu-landmark">,内含 #vector-main-menu-dropdown-checkbox)
② 左栏里点「移至侧栏」之后出现的固定版 —— ColumnStart.mustache 里的 MainMenuPinned
(<nav id="mw-panel" class="vector-main-menu-landmark">)
为什么用 display:none 而不是去注释模板:一是页头那三行里含 {{msg-vector-site-nav-label}},
带 {{ }} 的行没法用 Mustache 注释(注释体里不能出现 }});二是这条 CSS 一次覆盖两处,
而且 Vector 皮肤升级后不会丢,模板改动会丢。
注意:元素仍在 DOM 里,只是不显示、不参与布局、点不到。
恢复:删掉本规则即可,导航会原样回来。 */
.vector-main-menu-landmark {
display: none;
}
/* 哲艺图书馆定制:网站备案号独占一行。
备案号那条 <li id="footer-info-icp"> 是 SkinAddFooterLinks 钩子加的
(见 LocalSettings.php 定制改动 D)。
⚠ 选择器必须写两个 ID,一个不够:
Vector 的 components/Footer.less 里是
#footer-info li { display: inline-block } ← 1 个 ID + 1 个标签
#footer-info #footer-info-copyright { display: block } ← 2 个 ID
只写 #footer-info-icp(1 个 ID)优先级低于 #footer-info li,
display:block 会被覆盖,备案号就跟版权行挤在同一行了(踩过)。
Vector 给版权项用 2 个 ID 也正是这个原因。
恢复:删掉本规则即可。 */
#footer-info li#footer-info-icp {
display: block;
}