Files
vxe-table/styles/header.scss
xuliangzhan 2e5fa63c8e 优化重构
2020-02-22 15:21:28 +08:00

112 lines
2.1 KiB
SCSS

/**Variable**/
.vxe-table {
.vxe-table--header-wrapper {
.vxe-table--repair {
position: absolute;
left: 0;
bottom: 0;
height: 0;
border-bottom: 1px solid $vxe-table-border-color;
}
}
&:not(.b--style-none) {
.vxe-table--header-wrapper {
background-color: $vxe-table-header-background-color;
}
}
/*排序*/
.vxe-sort-wrapper {
width: 1.5em;
height: 1.5em;
vertical-align: middle;
text-align: center;
display: inline-block;
position: relative;
.vxe-sort--asc-btn,
.vxe-sort--desc-btn {
position: absolute;
left: 0.35em;
color: $vxe-table-column-icon-border-color;
width: 1em;
text-align: center;
cursor: pointer;
&:hover {
color: $vxe-font-color;
}
&.sort--active {
color: $vxe-primary-color;
}
}
.vxe-sort--asc-btn {
top: -0.04em;
}
.vxe-sort--desc-btn {
bottom: -0.04em;
}
}
}
.vxe-header--column {
position: relative;
user-select: none;
&.col--title-checked {
background-color: $vxe-table-column-header-checked-background-color;
}
.vxe-required-icon {
display: inline-block;
color: $vxe-table-validate-error-color;
vertical-align: middle;
width: 0.85em;
height: 1em;
line-height: 1em;
font-family: $vxe-icon-font-family;
font-weight: normal;
position: relative;
&:before {
content: "*";
position: absolute;
left: 0;
}
}
.vxe-edit-icon {
margin-right: 0.2em;
}
.vxe-resizable {
position: absolute;
right: -7px;
bottom: 0;
width: 14px;
height: 100%;
text-align: center;
z-index: 1;
cursor: col-resize;
&.is--line {
&:before,
&:after {
content: "";
display: inline-block;
vertical-align: middle;
}
&:before {
width: 1px;
height: 50%;
background-color: $vxe-table-resizable-color;
}
&:after {
width: 0;
height: 100%;
}
}
}
}
.vxe-table--fixed-right-wrapper {
.vxe-header--column {
.vxe-resizable {
right: auto;
left: -7px;
}
}
}