1 @import 'defaults.scss';
3 @mixin row-details-icon {
4 font-family: 'ForkAwesome', sans-serif;
14 border-left: 1px solid $color-table-seperator-border;
17 display: inline-block;
18 vertical-align: middle;
23 border-left: 1px solid $color-table-seperator-border;
42 background-color: $color-table-dropdown-bg;
50 .dataTables_length > input {
56 background-color: $color-table-header-bg;
57 border: 1px solid $color-table-header-border;
61 .cd-datatable-actions {
64 ::ng-deep .table-filters {
66 border-left: 1px solid $color-table-seperator-border;
69 ::ng-deep .table-filters label {
77 border-left: 1px solid $color-table-input-border;
86 .input-group.dataTables_paginate {
97 ::ng-deep .cd-datatable {
98 border: 1px solid $color-table-header-border;
100 max-width: none !important;
111 background-color: $color-table-active-row;
119 background-color: $color-table-active-row;
129 background-color: $color-table-progress-bar-active;
130 animation: progress-loading 3s linear infinite;
136 background-clip: padding-box;
137 background-color: $color-table-datatable-header;
138 background-image: -webkit-linear-gradient(
140 $color-table-gradient-1 0,
141 $color-table-gradient-2 100%
143 background-image: -o-linear-gradient(
145 $color-table-gradient-1 0,
146 $color-table-gradient-2 100%
148 background-image: linear-gradient(
150 $color-table-gradient-1 0,
151 $color-table-gradient-2 100%
153 background-repeat: repeat-x;
154 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffafafa', endColorstr='#ffededed', GradientType=0);
158 color: $color-table-sort;
161 .datatable-header-cell {
167 .datatable-header-cell-label {
169 font-family: ForkAwesome;
175 vertical-align: baseline;
181 .datatable-header-cell-label:after {
186 &.sort-asc .datatable-header-cell-label:after {
190 &.sort-desc .datatable-header-cell-label:after {
205 background-color: $color-table-empty-row;
212 .datatable-body-row {
213 &.clickable:hover .datatable-row-group {
214 background-color: $color-table-hover-row;
215 transition-property: background;
216 transition-duration: 0.3s;
217 transition-timing-function: linear;
219 &.datatable-row-even {
220 background-color: $color-table-even-row-bg;
222 &.datatable-row-odd {
223 background-color: $color-table-odd-row-bg;
227 background-color: $color-table-active-row-hover;
229 .datatable-body-cell {
234 .datatable-body-cell-label {
240 .datatable-row-detail {
242 border-bottom: 2px solid $color-table-header-border;
244 .expand-collapse-icon {
249 text-decoration: none;
252 .expand-collapse-icon-right:before {
253 @include row-details-icon;
256 .expand-collapse-icon-down:before {
257 @include row-details-icon;
269 .cd-datatable-checkbox {
274 @keyframes progress-loading {