81 lines
1.3 KiB
SCSS
81 lines
1.3 KiB
SCSS
@import "~bootstrap/scss/functions";
|
|
@import "~bootstrap/scss/mixins";
|
|
@import "~bootstrap/scss/variables";
|
|
@import "~bootstrap/scss/tables";
|
|
|
|
.data-table {
|
|
width: 100%;
|
|
position: relative;
|
|
overflow: auto;
|
|
|
|
.table {
|
|
border-collapse: collapse;
|
|
}
|
|
|
|
.table > thead > tr > td, .table > tbody > tr > td {
|
|
padding: 0;
|
|
}
|
|
}
|
|
|
|
.body-scrollable {
|
|
max-height: 500px;
|
|
overflow: auto;
|
|
border-bottom: 1px solid $border-color;
|
|
}
|
|
|
|
.data-table-header {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
background-color: white;
|
|
font-weight: bold;
|
|
cursor: col-resize;
|
|
|
|
.content span {
|
|
cursor: pointer;
|
|
}
|
|
|
|
.sort-indicator {
|
|
position: absolute;
|
|
right: 8px;
|
|
top: 9px;
|
|
}
|
|
}
|
|
|
|
.data-table-col {
|
|
position: relative;
|
|
|
|
.content {
|
|
padding: 8px;
|
|
border: 1px solid white;
|
|
}
|
|
|
|
&.selected .content {
|
|
border: 1px solid theme-color('primary');
|
|
}
|
|
|
|
.content.ellipsis {
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
}
|
|
}
|
|
|
|
.edit-popup {
|
|
position: absolute;
|
|
border: 1px solid gray;
|
|
background: white;
|
|
border-radius: 4px;
|
|
box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
|
|
|
|
padding: 12px;
|
|
}
|
|
|
|
.noselect {
|
|
-webkit-touch-callout: none;
|
|
-webkit-user-select: none;
|
|
-khtml-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
} |