forgetest5
/
bee-table7
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

解决拖拽列宽和交换列的共存问题 --- 的样式

This commit is contained in:
jonyshi 2018-11-13 18:58:56 +08:00
parent 1cfee95e92
commit 0ff0fe34e9
1 changed files with 15 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
src/Table.scss
View File

@ -345,6 +345,9 @@ $table-move-in-color: $bg-color-base;
.th-drag{ .th-drag{
cursor: move; cursor: move;
} }
.th-drag:hover{
background: rgb(227,242,253);
}
//为了区分是拖拽宽度还是交换列，先注释上面了 //为了区分是拖拽宽度还是交换列，先注释上面了
// .th-drag:hover{ // .th-drag:hover{
// background:#ccc; // background:#ccc;
@ -360,25 +363,27 @@ $table-move-in-color: $bg-color-base;
position: absolute; position: absolute;
right: 0px; right: 0px;
top: 0; top: 0;
background:transparent; // background:transparent;
width: 1px; // width: 1px;
background:#ccc;
width: 2px;
box-sizing: border-box; box-sizing: border-box;
z-index: 100; z-index: 1;
} }
.th-drag-gap{ .th-drag-gap{
background:transparent; background:transparent;
} }
.th-drag-gap-hover{ .th-drag-gap-hover{
background: #ccc; // background: #ccc;
cursor: col-resize; cursor: col-resize;
} }
&.th-can-not-drag{ // &.th-can-not-drag{
.th-drag-gap-hover{ // .th-drag-gap-hover{
cursor: none; // cursor: none;
width: 0px; // width: 0px;
} // }
} // }
} }
&-th:last-child { &-th:last-child {
&-drag-gap{ &-drag-gap{