@are-visual/virtual-table
Version:
### VirtualTable
49 lines (48 loc) • 1.45 kB
CSS
.virtual-table-expanded-row .virtual-table-cell {
background-color: var(--virtual-table-expanded-row-background, rgba(0, 0, 0, 0.02));
}
.virtual-table-expanded-row > td {
padding: 0;
}
.virtual-table-expanded-row-fixed {
position: sticky;
left: 0;
overflow: hidden;
}
.virtual-table-row-expand-icon {
position: relative;
display: inline-flex;
vertical-align: sub;
border: 1px solid var(--virtual-table-expanded-icon-border-color, #f0f0f0);
width: var(--virtual-table-expanded-icon-width, 17px);
height: var(--virtual-table-expanded-icon-height, 17px);
background-color: var(--virtual-table-expanded-icon-background, #fff);
border-radius: var(--virtual-table-expanded-icon-radius, 6px);
cursor: pointer;
color: var(--virtual-table-expanded-icon-color, rgba(0, 0, 0, 0.88));
transition: all 0.3s;
}
.virtual-table-row-expand-icon::before, .virtual-table-row-expand-icon::after {
content: "";
position: absolute;
background-color: currentColor;
}
.virtual-table-row-expand-icon::before {
top: 7px;
left: 3px;
width: 9px;
height: 1px;
}
.virtual-table-row-expand-icon::after {
top: 3px;
left: 7px;
height: 9px;
width: 1px;
}
.virtual-table-row-expand-icon:hover {
color: var(--virtual-table-expanded-icon-hover-color, #69b1ff);
border-color: var(--virtual-table-expanded-icon-hover-border-color, currentColor);
}
.virtual-table-row-expand-icon-expanded::after {
background-color: transparent;
}