Performance tuning done
This commit is contained in:
116
cygnus-onprem-app/build/WebContent/css/cutoff-workflows-v1.css
Normal file
116
cygnus-onprem-app/build/WebContent/css/cutoff-workflows-v1.css
Normal file
@@ -0,0 +1,116 @@
|
||||
.matrix-cutoff-workflow .matrix-tool-workspace__content {
|
||||
width: calc(100% - 24px) !important;
|
||||
max-width: 1380px !important;
|
||||
}
|
||||
|
||||
.matrix-cutoff-workflow .title {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.matrix-cutoff-workflow .title > .divselect {
|
||||
width: 132px !important;
|
||||
margin-left: auto !important;
|
||||
}
|
||||
|
||||
.matrix-cutoff-workflow .title > .divselect select {
|
||||
width: 100% !important;
|
||||
}
|
||||
|
||||
.matrix-cutoff-workflow .tableContainer {
|
||||
max-height: min(64vh, 620px);
|
||||
margin: 0;
|
||||
overflow: auto;
|
||||
border: 1px solid #c3d0da !important;
|
||||
border-radius: 6px;
|
||||
background: #f4f8fb !important;
|
||||
box-shadow: 0 2px 8px rgba(31, 52, 72, .08);
|
||||
}
|
||||
|
||||
.matrix-cutoff-workflow .tableContainer > table {
|
||||
width: 100%;
|
||||
min-width: 820px;
|
||||
margin: 0;
|
||||
border-collapse: separate;
|
||||
border-spacing: 0;
|
||||
}
|
||||
|
||||
.matrix-cutoff-workflow .tableContainer .thead {
|
||||
position: sticky;
|
||||
top: 0;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.matrix-cutoff-workflow .tableContainer .thead > tr > td,
|
||||
.matrix-cutoff-workflow .tableContainer thead > tr > th {
|
||||
height: 36px;
|
||||
padding: 7px 9px !important;
|
||||
color: #31475b;
|
||||
background: #e8eef4 !important;
|
||||
border-right: 1px solid #d3dce5;
|
||||
border-bottom: 1px solid #c3ced9;
|
||||
font-size: 11px !important;
|
||||
font-weight: 700 !important;
|
||||
line-height: 1.15;
|
||||
text-transform: uppercase;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.matrix-cutoff-workflow .tableContainer > table > tbody > tr > td {
|
||||
height: 34px;
|
||||
padding: 6px 9px !important;
|
||||
color: #263746;
|
||||
background: #fff;
|
||||
border-right: 1px solid #e0e6ec;
|
||||
border-bottom: 1px solid #dce4eb;
|
||||
font-size: 12px !important;
|
||||
font-weight: 400 !important;
|
||||
}
|
||||
|
||||
.matrix-cutoff-workflow .tableContainer > table > tbody > tr:nth-child(even) > td {
|
||||
background: #edf3f7;
|
||||
}
|
||||
|
||||
.matrix-cutoff-workflow .tableContainer > table > tbody > tr:hover > td {
|
||||
background: #e2eef8;
|
||||
}
|
||||
|
||||
.matrix-cutoff-workflow .tableContainer table table {
|
||||
width: calc(100% - 18px) !important;
|
||||
margin: 8px 0 8px auto;
|
||||
border: 1px solid #c7d4df;
|
||||
border-radius: 4px;
|
||||
background: #f8fafc;
|
||||
}
|
||||
|
||||
.matrix-cutoff-workflow .tableContainer input[type="checkbox"] {
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
vertical-align: middle;
|
||||
accent-color: #245a91;
|
||||
}
|
||||
|
||||
.matrix-cutoff-workflow form > input.button {
|
||||
min-width: 96px;
|
||||
margin: 10px 0 0 8px !important;
|
||||
float: right !important;
|
||||
}
|
||||
|
||||
.matrix-cutoff-workflow form::after {
|
||||
display: table;
|
||||
clear: both;
|
||||
content: "";
|
||||
}
|
||||
|
||||
.matrix-photo-case-workflow .tableContainer > table {
|
||||
min-width: 1280px;
|
||||
}
|
||||
|
||||
.matrix-photo-case-workflow .tableContainer {
|
||||
max-height: min(70vh, 680px);
|
||||
}
|
||||
|
||||
@media (max-width: 760px) {
|
||||
.matrix-cutoff-workflow .matrix-tool-workspace__content {
|
||||
width: calc(100% - 12px) !important;
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user