luyadev/luya-module-admin

View on GitHub
src/resources/scss/components/_table.scss

Summary

Maintainability
Test Coverage
.table-responsive {
    overflow-y: hidden;
}

.table {
    .dropdown-menu {
        min-width: 0;
    }

    .custom-checkbox {
        margin: 0;
    }

    th,
    td {
        padding-bottom: 6px;
        padding-top: 6px;
    }

    tr,
    td,
    thead {
        transition: .2s background-color ease-in-out;
    }

    .table-responsive & {
        margin: 0;
    }
}

.table-align-middle {
    th,
    td {
        vertical-align: middle;
    }
}

.thead-default th,
.thead-inverse th {
    border-top: 0;
    color: color(gray);
    font-weight: 400;

    span {
        vertical-align: middle;
    }
}

.table-sorter-wrapper {
    display: block;
}

.table-sorter {
    color: color('gray-dark');
    cursor: pointer;
    display: none;
    margin: 0;
    vertical-align: middle;

    .table-sorter-icon {
        visibility: hidden;
    }

    &.table-sorter-down {
        display: inline-block;
    }
    .is-active & {
        color: theme-color(primary);
    }
    &.is-sorting {
        display: inline-block;
    }
    &.is-sorting + .table-sorter-down {
        display: none;
    }

    .is-active &.is-sorting .table-sorter-icon {
        visibility: visible;
    }
}

.table-group td {
    background-color: theme-color(secondary);
    color: #fff;
    cursor: pointer;
    user-select: none;
}

.table-hover tbody tr:hover {
    background-color: rgba(0, 0, 0, .15);
}