diff --git a/.changeset/clean-beans-sniff.md b/.changeset/clean-beans-sniff.md new file mode 100644 index 000000000..57ae9b6a2 --- /dev/null +++ b/.changeset/clean-beans-sniff.md @@ -0,0 +1,5 @@ +--- +"@hi-ui/hiui": patch +--- + +style(table): 优化 resizable 模式下列 hover 时样式 diff --git a/.changeset/clever-donuts-smash.md b/.changeset/clever-donuts-smash.md new file mode 100644 index 000000000..b3ca9c0fb --- /dev/null +++ b/.changeset/clever-donuts-smash.md @@ -0,0 +1,5 @@ +--- +"@hi-ui/table": patch +--- + +style: 优化 resizable 模式下列 hover 时样式 diff --git a/packages/ui/table/src/styles/table.scss b/packages/ui/table/src/styles/table.scss index 3fbe2b8f1..95decfd04 100644 --- a/packages/ui/table/src/styles/table.scss +++ b/packages/ui/table/src/styles/table.scss @@ -193,6 +193,14 @@ $emptyContent: '#{$component-prefix}-table-body-empty-content' !default; position: relative; background-clip: padding-box; + &:hover { + background-color: use-color('gray', 200); + + .#{$prefix}-header__resizable-handle { + border-left-color: use-color('gray', 200); + } + } + &-handle { box-sizing: content-box; position: absolute; @@ -208,8 +216,9 @@ $emptyContent: '#{$component-prefix}-table-body-empty-content' !default; display: none; } - .#{$prefix}-header__resizable:hover & { + &:hover { background-color: use-color-mode('primary'); + border-left-color: use-color('gray', 200); } } }