UNPKG

@are-visual/virtual-table

Version:
49 lines (48 loc) 1.45 kB
.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; }