Files
cbsnexora/src/app/system/manage-data-tables/create-data-table/create-data-table.component.scss
T

81 lines
1.4 KiB
SCSS

/**
* Copyright since 2025 Mifos Initiative
*
* This Source Code Form is subject to the terms of the Mozilla Public
* License, v. 2.0. If a copy of the MPL was not distributed with this
* file, You can obtain one at http://mozilla.org/MPL/2.0/.
*/
@media (width >= 992px) {
.multi-row-wrapper {
position: relative;
.multi-row {
padding: 0 0 17.5px;
position: absolute;
bottom: 0;
right: 0;
}
}
}
.mat-mdc-table {
width: 100%;
overflow-x: auto;
display: block;
}
.mat-mdc-header-row,
.mat-mdc-row {
display: table;
width: 100%;
table-layout: fixed;
min-width: 800px;
}
.actions-column {
width: 100px !important;
min-width: 100px !important;
max-width: 100px !important;
text-align: center;
position: sticky;
right: 0;
background: var(--card-background, #fff);
z-index: 1;
}
.actions-wrapper {
display: flex;
justify-content: center;
align-items: center;
gap: 4px;
}
.actions-wrapper .mat-mdc-icon-button {
width: 36px;
height: 36px;
padding: 6px;
}
.actions-wrapper fa-icon {
font-size: 14px;
}
th.mat-mdc-header-cell:first-child,
td.mat-mdc-cell:first-child {
max-width: 300px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
th.mat-mdc-header-cell:not(.actions-column, :first-child),
td.mat-mdc-cell:not(.actions-column, :first-child) {
width: 80px;
min-width: 80px;
}
:host-context(.dark-theme) {
--card-background: #2d2d2d;
}