打开/关闭菜单
打开/关闭外观设置菜单
打开/关闭个人菜单
未登录
未登录用户的IP地址会在进行任意编辑后公开展示。

MediaWiki:Citizen.css:修订间差异

MediaWiki界面页面
秋绘君留言 | 贡献
创建页面,内容为“========================================================================== 编辑器图标重影修复 (仅在 Citizen 皮肤生效) ==========================================================================:​ 1. 清除编辑器工具栏图标的遮罩层:​ .oo-ui-toolbar .oo-ui-iconElement-icon, .wikiEditor-ui .oo-ui-iconElement-icon, .oo-ui-icon-upload, .oo-ui-icon-msupload { -webkit-mask-image: none !important; mask-image: none !import…”
 
秋绘君留言 | 贡献
无编辑摘要
第1行: 第1行:
/* ==========================================================================
/* ==========================================================================
   编辑器图标重影修复 (仅在 Citizen 皮肤生效)
   编辑器图标重影:精准手术版
   ========================================================================== */
   ========================================================================== */


/* 1. 清除编辑器工具栏图标的遮罩层 */
/* 1. 屏蔽作为容器的 <a> 标签上的图标渲染 */
.oo-ui-toolbar .oo-ui-iconElement-icon,
.oo-ui-buttonElement-button.oo-ui-icon-upload,
.wikiEditor-ui .oo-ui-iconElement-icon,
.oo-ui-buttonElement-button .oo-ui-icon-upload:not(.oo-ui-iconElement-icon) {
.oo-ui-icon-upload,
.oo-ui-icon-msupload {
     -webkit-mask-image: none !important;
     -webkit-mask-image: none !important;
     mask-image: none !important;
     mask-image: none !important;
     background-color: transparent !important;
     background-image: none !important;
}
}


/* 2. 重置背景图属性,确保图标正常显示 */
/* 2. 仅允许最内层的 iconElement 渲染图标 */
.oo-ui-icon-upload,
.oo-ui-iconElement-icon.oo-ui-icon-upload {
.oo-ui-icon-msupload {
     -webkit-mask-image: inherit; /* 恢复 Citizen 默认的遮罩逻辑 */
     background-repeat: no-repeat !important;
    mask-image: inherit;
     background-position: center center !important;
     /* 确保它在最上层显示 */
     background-size: contain !important;
    display: block !important;
     z-index: 2;
}
}


/* 3. 屏蔽可能产生干扰的伪元素 */
/* 3. 彻底清除工具栏中所有可能的伪元素干扰 */
.oo-ui-toolbar .oo-ui-iconElement-icon::before,
.oo-ui-toolbar .oo-ui-iconElement-icon::before,
.oo-ui-toolbar .oo-ui-iconElement-icon::after,
.oo-ui-toolbar .oo-ui-iconElement-icon::after {
.wikiEditor-ui .oo-ui-iconElement-icon::before,
.wikiEditor-ui .oo-ui-iconElement-icon::after {
     content: none !important;
     content: none !important;
     display: none !important;
     display: none !important;
}
}


/* 4. 暗色模式适配:直接写类名,不要用 & 符号 */
/* 4. 暗色模式兼容:修正 Citizen 可能存在的滤镜重叠 */
.mw-layout-context-dark .oo-ui-iconElement-icon {
.mw-layout-context-dark .oo-ui-iconElement-icon.oo-ui-icon-upload {
    background-color: #fff !important; /* Citizen 靠背景色渲染图标颜色 */
     filter: none !important;
     filter: none !important;
}
}

2026年4月2日 (四) 21:41的版本

/* ==========================================================================
   编辑器图标重影:精准手术版
   ========================================================================== */

/* 1. 屏蔽作为容器的 <a> 标签上的图标渲染 */
.oo-ui-buttonElement-button.oo-ui-icon-upload,
.oo-ui-buttonElement-button .oo-ui-icon-upload:not(.oo-ui-iconElement-icon) {
    -webkit-mask-image: none !important;
    mask-image: none !important;
    background-image: none !important;
}

/* 2. 仅允许最内层的 iconElement 渲染图标 */
.oo-ui-iconElement-icon.oo-ui-icon-upload {
    -webkit-mask-image: inherit; /* 恢复 Citizen 默认的遮罩逻辑 */
    mask-image: inherit;
    /* 确保它在最上层显示 */
    display: block !important;
    z-index: 2;
}

/* 3. 彻底清除工具栏中所有可能的伪元素干扰 */
.oo-ui-toolbar .oo-ui-iconElement-icon::before,
.oo-ui-toolbar .oo-ui-iconElement-icon::after {
    content: none !important;
    display: none !important;
}

/* 4. 暗色模式兼容:修正 Citizen 可能存在的滤镜重叠 */
.mw-layout-context-dark .oo-ui-iconElement-icon.oo-ui-icon-upload {
    background-color: #fff !important; /* Citizen 靠背景色渲染图标颜色 */
    filter: none !important;
}