Files
iTop/css/backoffice/components/_datatable.scss
2021-03-01 18:19:22 +01:00

61 lines
1.7 KiB
SCSS

$ibo-datatable--padding-y: 2em !default;
$ibo-datatable-cell-row--line-height: 30px !default;
$ibo-datatable-cell-row--padding-x: 1em !default;
$ibo-datatable-cell-row--link--color: $ibo-color-primary-600 !default;
$ibo-datatable-row--odd--background-color: $ibo-color-white-200 !default;
$ibo-datatable-row--even--background-color: $ibo-color-white-100 !default;
$ibo-datatable-panel--body--padding: $ibo-panel--body--padding-top 0px $ibo-panel--body--padding-bottom !default;
$ibo-datatable--selection-validation-buttons-toolbar--margin-top: 10px !default;
$ibo-list-column--max-height: 150px;
.ibo-datatable {
padding-bottom: $ibo-datatable--padding-y;
padding-top: $ibo-datatable--padding-y;
thead tr th, tbody tr td {
line-height: $ibo-datatable-cell-row--line-height;
padding-right: $ibo-datatable-cell-row--padding-x;
padding-left: $ibo-datatable-cell-row--padding-x;
@extend %ibo-font-ral-med-100;
a {
color: $ibo-datatable-cell-row--link--color;
}
}
.ibo-datatable-header.sorting, .ibo-datatable-header.sorting_asc, .ibo-datatable-header.sorting_desc {
cursor: pointer;
}
tbody tr:nth-child(odd) {
background-color: $ibo-datatable-row--odd--background-color;
}
tbody tr:nth-child(even) {
background-color: $ibo-datatable-row--even--background-color;
}
}
.ibo-datatable thead tr th {
position: relative;
}
.ibo-datatable-panel > .ibo-panel--body {
padding: $ibo-datatable-panel--body--padding;
}
// For cancel / OK / next... selection validation buttons
.ibo-datatable--selection-validation-buttons-toolbar {
clear: both;
margin-top: $ibo-datatable--selection-validation-buttons-toolbar--margin-top;
}
.ibo-list-column {
max-height: $ibo-list-column--max-height;
overflow-y: auto;
}