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): [opover] effect dark mode title color (#9445)

Browse Source
This commit is contained in:
Xc
2022-08-25 09:19:33 +08:00
committed by GitHub
parent a4050516ed
commit 3dc6fbd427
2 changed files with 8 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
docs/en-US/component/popover.md
View File

@@ -68,7 +68,7 @@ popover/directive-usage
| ------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | --------------- | --------------------------------------------------------------------------------------------------------- | ------------------------------------------------------- |
| trigger | how the popover is triggered | string | click/focus/hover/contextmenu | click |
| title | popover title | string | — | — |
| effect | Tooltip theme, built-in theme: `dark` / `light` | string | string | dark |
| effect | Tooltip theme, built-in theme: `dark` / `light` | string | string | light |
| content | popover content, can be replaced with a default `slot` | string | — | — |
| width | popover width | string / number | — | Min width 150px |
| placement | popover placement | string | top/top-start/top-end/bottom/bottom-start/bottom-end/left/left-start/left-end/right/right-start/right-end | bottom |

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

@@ -38,6 +38,13 @@
}
}
@include when(dark) {
@include set-css-var-value(
'popover-title-text-color',
var(#{getCssVarName('bg-color')})
);
}
&:focus:active,
&:focus {
outline-width: 0;