tsanie/ui-lib
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix: column splitter appearance

Browse Source
This commit is contained in:
Chen Lily 2024-02-04 13:58:37 +08:00
parent a74436ac1f
commit 3fb191ee13
2 changed files with 15 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
lib/ui/css/grid.scss
View File

@ -33,7 +33,7 @@
--arrow-size: 4px;
--filter-size: 10px;
--split-width: 8px;
--split-width: 10px;
--dragger-size: 20px;
--dragger-opacity: .6;
--dragger-cursor-size: 4px;
@ -107,6 +107,8 @@
padding: var(--header-padding);
box-sizing: border-box;
// overflow-x: hidden;
border-right: 1px solid transparent;
transition: border-color .12s ease;
>span {
overflow: hidden;
@ -176,19 +178,19 @@
position: absolute;
height: 100%;
top: 0;
right: calc(0px - var(--split-width) /2);
right: calc(1px - var(--split-width) /2);
width: var(--split-width);
cursor: ew-resize;
z-index: 2;
&::after {
content: '';
height: 100%;
width: 1px;
display: block;
margin: 0 auto;
transition: background-color .12s ease;
}
// &::after {
// content: '';
// height: 100%;
// width: 1px;
// display: block;
// margin: 0 auto;
// transition: background-color .12s ease;
// }
// &:hover::after {
// background-color: var(--split-border-color);
@ -242,8 +244,8 @@
}
}
&:hover>th>.spliter::after {
background-color: var(--split-border-color);
&:hover>th>div {
border-color: var(--split-border-color);
}
}
}

2
lib/ui/grid/grid.js
View File

@ -1302,7 +1302,7 @@ export class Grid {
});
}
if (typeof this.onSelectedRowChanged === 'function') {
this.onSelectedRowChanged(selectedIndex);
this.onSelectedRowChanged(-1);
}
this._var.selectedColumnIndex = -1;
return;