123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128 |
- // el-table
- .main-body,
- .df-table {
- .el-table,
- .custom-table.el-table {
- background: transparent;
- border: 0px;
- &.el-table--border::after,
- &.el-table--group::after,
- &::before {
- background-color: transparent;
- }
- tr {
- &:hover {
- td {
- color: @green;
- background-color: transparent !important;
- }
- }
- }
- td {
- border: 0px;
- padding: 0;
- // height: 27px;
- // line-height: 27px;
- height: 37px;
- line-height: 37px;
- font-size: 12px;
- color: #b3bdc0;
- &.light,
- &.always-light {
- color: @green !important;
- }
- }
- th {
- border: 0px;
- padding: 0px;
- // height: 30px;
- // line-height: 30px;
- height: 37px;
- line-height: 37px;
- font-weight: normal;
- text-align: center;
- color: @gray-l;
- cursor: pointer;
- &.is-leaf {
- border: 0px;
- }
- &.light,
- &.always-light {
- color: @green !important;
- }
- }
- th,
- tr {
- background-color: transparent;
- border: 0px;
- }
- thead {
- color: @gray-l;
- font-weight: 500;
- font-size: @fontsize-s;
- border: 0px;
- th,
- &.is-group th {
- &.el-table__cell {
- background: #282f31;
- }
- // & > .cell {
- // }
- // background-color: fade(@gray, 20);
- }
- }
- .el-table__body {
- border: 0px;
- }
- &.el-table--striped .el-table__body tr.el-table__row--striped {
- &:hover td {
- background-color: fade(@gray, 20) !important;
- }
- td {
- background-color: fade(@gray, 20);
- }
- }
- &.el-table--border,
- &.el-table--group {
- border: none;
- }
- .ascending .sort-caret.ascending {
- border-bottom-color: @green;
- }
- .descending .sort-caret.descending {
- border-top-color: @green;
- }
- }
- .el-table__expanded-cell {
- background: transparent;
- }
- .el-table__footer-wrapper tbody td {
- background: #1a1f2fcc;
- }
- }
- .el-table__body tr.hover-row.current-row > td,
- .el-table__body tr.hover-row.el-table__row--striped.current-row > td,
- .el-table__body tr.hover-row.el-table__row--striped > td,
- .el-table__body tr.hover-row > td {
- background: transparent;
- color: @green;
- }
|