fix(F006-W5.x.x+1): 补 EP popper 系列变量 + :deep() 强制修暗主题下面包屑/主题弹窗文字糊
W5.x.x 验收发现 2 处仍糊:
- 红框 1: 顶栏面包屑 工作台 > 数据看板(暗主题)
- 红框 2: 主题切换弹窗 切换主题/科技蓝/.../自动持久化(暗主题)
根因:
1. W5.x.x 覆盖 EP 派生色时漏了 --el-popper-bg-color(EP 2.x 真名是
popper,不是 popover;el-popover / el-tooltip / el-dropdown /
el-select-dropdown 全部走 popper 容器)
2. el-breadcrumb 内部选择器优先级高,scoped :root 重定向的
--el-text-color-* 被它打回
3. ThemePicker 弹窗被 teleport 出去,scoped 选择器穿透不了
popper 容器
修法:
1. tokens.scss 增 6 个 --el-popper-* 系列变量
2. AppLayout.vue 末尾增 :deep(.el-breadcrumb__inner) +
:deep(.el-breadcrumb__separator) + !important
3. ThemePicker.vue 末尾增 :deep(.el-popper.is-light) + 内部
el-popper__arrow / el-popper__title + !important
验证: 切到 暗夜黑 主题,4 项验收清单全过;切回 科技蓝/中国红/
深空紫 无回归
This commit is contained in:
parent
0f8a08888f
commit
01bd82deb3
@ -14,7 +14,7 @@ function pick(value: string) {
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<template>
|
<template>
|
||||||
<el-popover placement="bottom-end" :width="260" trigger="click">
|
<el-popover placement="bottom-end" :width="260" trigger="click" :teleported="false">
|
||||||
<template #reference>
|
<template #reference>
|
||||||
<div class="rr-theme-trigger" :title="'主题: ' + themeStore.currentPreset.name">
|
<div class="rr-theme-trigger" :title="'主题: ' + themeStore.currentPreset.name">
|
||||||
<span class="rr-theme-dot" :style="{ background: themeStore.currentPreset.color }"></span>
|
<span class="rr-theme-dot" :style="{ background: themeStore.currentPreset.color }"></span>
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user