projects/ngx-magic-table/src/lib/ngx-magic-table/ngx-magic-table.component.css
table thead th {
-webkit-user-select: none;
/* Safari */
-moz-user-select: none;
/* Firefox */
-ms-user-select: none;
/* IE10+/Edge */
user-select: none;
/* Standard */
}
[draggable="true"] {
-khtml-user-drag: element;
-webkit-user-drag: element;
}
select.btn-sm {
padding: 0.1rem;
display: inline-flex;
}
table {
table-layout: fixed;
}
/********************************************************************/
/********************************************************************/
/* th {
padding: 0px !important;
}
.th-span {
display: inline-block;
padding: 5px;
width: 97%;
}
.th-section{
display: flex;
width: 100%;
height: 100%;
}
table {
table-layout: unset;
} */
/*
* angular-table-resize
* https://github.com/tympanix/angular-table-resize
* - minimal stylesheet
*/
table.rz-table {
display: block;
width: auto;
table-layout: fixed;
border-collapse: collapse;
}
table.rz-table th {
position: relative;
min-width: 25px;
}
table.rz-table th .rz-handle {
width: 2px;
height: 100%;
position: absolute;
top: 0;
right: -2px;
cursor: ew-resize !important;
background: repeating-linear-gradient(45deg,
transparent,
transparent 2px,
rgba(0, 0, 0, 0.15) 2px,
rgba(0, 0, 0, 0.15) 4px);
z-index: 999;
}
table.rz-table th .rz-handle:hover {
background: repeating-linear-gradient(45deg,
#6c757d00,
#6c757d 2px,
#6c757d 2px,
#6c757d00 4px);
}
.rtl table.rz-table th .rz-handle {
right: auto;
left: -2px;
}
.rtl {
direction: rtl !important;
/* float: right !important; */
}
.ltr {
direction: ltr !important;
/* float: left !important; */
}
.mainMagicTable {
overflow: auto;
/* float: inherit; */
min-height: 300px
}
.paging {
width: 100%;
/* padding-left: 10px;
padding-right: 10px;
padding-bottom: 10px; */
padding: 10px;
}
.paddingDiv {
padding: 10px;
}
.ngxThead {
display: block;
width: 100%;
/* border-collapse: separate;
border-spacing: 2px 0px;
background-color: #e9ecef; */
}
.ngxTbody {
max-height: -webkit-fill-available;
display: block;
overflow-y: auto;
overflow-x: hidden;
}
.ltr .ngxTbody {
direction: rtl;
}
.rtl .ngxTbody {
direction: ltr;
}
.ltr .ngxThead {
direction: rtl;
}
.rtl .ngxThead {
direction: ltr;
}
.table.rz-table td {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap !important;
/* word-break: break-all !important;
white-space: normal !important; */
}
.table.rz-table th {
padding: 0.20rem;
/* border: 1px solid #797b7e; */
text-align: center;
}
.table.rz-table td {
/* border: 1px solid #797b7e; */
border: 1px solid #dee2e6;
}
.table.rz-table th:last-child,
.table.rz-table td:last-child {
min-width: auto !important;
}
.table.rz-table>tbody>tr:nth-of-type(odd) {
background-color: #e5ecf1;
}
.table.rz-table>tbody>tr:nth-of-type(even) {
background-color: rgb(242, 249, 254);
}
/* .table.rz-table th,
.table.rz-table td {
white-space: nowrap;
width: 1% !important;
} */
.savetable {
position: absolute;
top: 5px;
}
.ltr .savetable {
right: 10px;
}
.rtl .savetable {
left: 10px;
}
ul.ngx-pagination {
margin: 0px;
}
/* .rtl .table td {
padding-left: 0;
}
.ltr .table td {
padding-right: 0;
} */
.rtl .paging {
direction: rtl !important;
}
.ltr .paging {
direction: ltr !important;
}
.pagingInline {
display: inline-block;
}
.th-title {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.rtl .th-title,
.rtl .table.rz-table td {
direction: rtl !important;
}
/* .rtl .table.rz-table td:first-child {
padding-right: 30px;
} */
.ltr .th-title,
.ltr .table.rz-table td {
/* direction: ltr !important; */
}
/* .ltr .table.rz-table td:first-child {
padding-left: 30px;
} */
.magicMessage{
direction: ltr !important;
margin-left: 5px;
margin-right: 5px
}
.footerTd {
background-color: lightgray;
font-weight: bold;
}