javascript/element-plus
1
0
Fork 0
mirror of https://github.com/element-plus/element-plus.git synced 2026-03-13 07:51:17 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(components): [popover] abnormal style when effect is dark (#10190)

Browse Source
This commit is contained in:
zz
2022-10-22 21:12:15 +08:00
committed by GitHub
parent 99fe8b2588
commit dec859a3df
3 changed files with 12 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
packages/components/popover/style/css.ts
View File

@@ -1,3 +1,3 @@
import '@element-plus/components/base/style/css'
import '@element-plus/theme-chalk/el-popover.css'
import '@element-plus/components/popper/style/css'
import '@element-plus/theme-chalk/el-popover.css'

2
packages/components/popover/style/index.ts
View File

@@ -1,3 +1,3 @@
import '@element-plus/components/base/style'
import '@element-plus/theme-chalk/src/popover.scss'
import '@element-plus/components/popper/style'
import '@element-plus/theme-chalk/src/popover.scss'

11
packages/theme-chalk/src/popover.scss
View File

@@ -40,9 +40,18 @@
@include when(dark) {
@include set-css-var-value(
'popover-title-text-color',
('popover', 'bg-color'),
var(#{getCssVarName('text-color', 'primary')})
);
@include set-css-var-value(
('popover', 'border-color'),
var(#{getCssVarName('text-color', 'primary')})
);
@include set-css-var-value(
('popover', 'title-text-color'),
var(#{getCssVarName('bg-color')})
);
color: getCssVar('bg-color');
}
&:focus:active,