Files
matrix/cygnus-onprem-app/build/WebContent/css/dedupe-workflows-v1.css

149 lines
3.6 KiB
CSS

.matrix-dedupe-workflow .matrix-tool-workspace__content {
width: calc(100% - 24px) !important;
max-width: 1380px !important;
}
.matrix-dedupe-workflow .title {
margin-bottom: 10px;
}
.matrix-dedupe-workflow .title > .divselect {
width: min(320px, 38vw) !important;
margin-left: auto !important;
}
.matrix-dedupe-workflow .title > .divselect select {
width: 100% !important;
}
.matrix-dedupe-workflow .tableContainer {
max-height: min(65vh, 640px);
overflow: auto;
border: 1px solid #c3d0da !important;
border-radius: 6px;
background: #f4f8fb !important;
box-shadow: 0 2px 8px rgba(31, 52, 72, .08);
}
.matrix-dedupe-workflow .tableContainer > table {
width: 100%;
min-width: 900px;
border-collapse: separate;
border-spacing: 0;
}
.matrix-dedupe-workflow .tableContainer .thead {
position: sticky;
top: 0;
z-index: 2;
}
.matrix-dedupe-workflow .tableContainer .thead > tr > td {
height: 36px;
padding: 7px 9px !important;
color: #31475b;
background: #e8eef4 !important;
border-right: 1px solid #d3dce5;
border-bottom: 1px solid #c3ced9;
font-size: 11px;
font-weight: 700;
text-transform: uppercase;
white-space: nowrap;
}
.matrix-dedupe-workflow .tableContainer > table > tbody > tr > td {
height: 34px;
padding: 6px 9px !important;
background: #fff;
border-right: 1px solid #e0e6ec;
border-bottom: 1px solid #dce4eb;
}
.matrix-dedupe-workflow .tableContainer > table > tbody > tr:nth-child(even) > td {
background: #edf3f7;
}
.matrix-dedupe-workflow .tableContainer > table > tbody > tr:hover > td {
background: #e2eef8;
}
.matrix-dedupe-workflow .tableContainer table table {
width: calc(100% - 18px) !important;
margin: 8px 0 8px auto;
border: 1px solid #c7d4df;
background: #f8fafc;
}
.matrix-dedupe-workflow form > input.button {
min-width: 108px;
margin: 10px 0 0 8px !important;
float: right !important;
}
.matrix-dedupe-workflow form::after {
display: table;
clear: both;
content: "";
}
.matrix-dedupe-workflow #btndedupe,
.matrix-dedupe-workflow #btngenreport {
color: #fff !important;
background-color: #245a91 !important;
border-color: #245a91 !important;
}
/* Match review remains dense because both comparison records must stay visible
together, but controls now align and use the same panel treatment. */
.matrix-dedupe-match .matrix-tool-workspace__content {
max-width: 1180px !important;
}
.matrix-dedupe-match #dedupeDetails > div {
margin-bottom: 10px;
border-color: #c3d0da !important;
border-radius: 6px;
overflow: hidden;
}
.matrix-dedupe-match .FormPanel {
padding: 10px 12px;
border: 0 !important;
}
.matrix-dedupe-match .matrix-form-controls {
width: 100% !important;
border-spacing: 7px 4px;
}
.matrix-dedupe-match .matrix-form-controls input:not([type="hidden"]),
.matrix-dedupe-match .matrix-form-controls textarea {
box-sizing: border-box;
max-width: 100%;
border: 1px solid #b8c7d3 !important;
border-radius: 3px;
background: #fff !important;
}
.matrix-dedupe-match .matrix-form-controls textarea {
resize: vertical;
}
.matrix-dedupe-match :is(#btnfirst, #btnprev, #btnnext, #btnlast) {
width: 30px !important;
min-width: 30px;
padding: 3px !important;
}
.matrix-dedupe-match :is(#btnear, #btnneg) {
color: #fff !important;
background-color: #245a91 !important;
border-color: #245a91 !important;
}
@media (max-width: 760px) {
.matrix-dedupe-workflow .matrix-tool-workspace__content {
width: calc(100% - 12px) !important;
}
}