386 lines
8.4 KiB
CSS
386 lines
8.4 KiB
CSS
.matrix-general-workflow .matrix-tool-workspace__content {
|
|
max-width: 1320px !important;
|
|
}
|
|
|
|
.matrix-general-workflow .title {
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.matrix-general-workflow .FormPanel,
|
|
.matrix-general-workflow .tableContainer {
|
|
border-color: #c3d0da !important;
|
|
border-radius: 6px;
|
|
background: #f4f8fb !important;
|
|
box-shadow: 0 2px 8px rgba(31, 52, 72, .07);
|
|
}
|
|
|
|
.matrix-general-workflow .tableContainer {
|
|
margin-top: 10px;
|
|
overflow: auto;
|
|
}
|
|
|
|
.matrix-general-workflow .tableContainer table {
|
|
width: 100%;
|
|
border-collapse: separate;
|
|
border-spacing: 0;
|
|
}
|
|
|
|
.matrix-general-workflow .tableContainer .thead td,
|
|
.matrix-general-workflow .tableContainer thead th {
|
|
height: 34px;
|
|
padding: 6px 8px !important;
|
|
color: #31475b;
|
|
background: #e8eef4 !important;
|
|
border-bottom: 1px solid #c3ced9;
|
|
font-size: 11px;
|
|
font-weight: 700;
|
|
text-transform: uppercase;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.matrix-general-workflow .tableContainer tbody td {
|
|
height: 32px;
|
|
padding: 5px 8px !important;
|
|
border-bottom: 1px solid #dce4eb;
|
|
background: #fff;
|
|
}
|
|
|
|
.matrix-general-workflow .tableContainer tbody tr:nth-child(even) td {
|
|
background: #edf3f7;
|
|
}
|
|
|
|
.matrix-general-workflow .tableContainer tbody tr:hover td {
|
|
background: #e2eef8;
|
|
}
|
|
|
|
/* SMS gateway action panel. */
|
|
.matrix-sms-page #FormPanel {
|
|
padding: 14px 16px;
|
|
}
|
|
|
|
.matrix-sms-page #FormPanel > table {
|
|
width: 100% !important;
|
|
border: 0 !important;
|
|
}
|
|
|
|
.matrix-sms-page #FormPanel > table > tbody > tr > td:first-child {
|
|
width: 260px !important;
|
|
}
|
|
|
|
.matrix-sms-page #divsmsgateways,
|
|
.matrix-sms-page #smsgatelist {
|
|
width: 100% !important;
|
|
}
|
|
|
|
.matrix-sms-page #btnsend {
|
|
min-width: 92px;
|
|
height: 30px !important;
|
|
min-height: 30px;
|
|
float: none !important;
|
|
margin: 0 12px !important;
|
|
}
|
|
|
|
.matrix-sms-page #progbarContainer {
|
|
padding-left: 14px;
|
|
border-left: 1px solid #d3dde6;
|
|
}
|
|
|
|
/* Mailbox toolbar: search and date filters remain compact but no longer rely
|
|
on negative margins and floats. */
|
|
.matrix-mailbox-page .title > div {
|
|
margin: 0 !important;
|
|
}
|
|
|
|
.matrix-mailbox-page .matrix-tool-workspace__content {
|
|
max-width: 1280px !important;
|
|
}
|
|
|
|
.matrix-mailbox-page .matrix-mailbox-toolbar {
|
|
display: flex;
|
|
min-height: 42px;
|
|
align-items: center;
|
|
gap: 8px;
|
|
padding: 6px 10px;
|
|
}
|
|
|
|
.matrix-mailbox-page .matrix-mailbox-toolbar__actions {
|
|
display: flex;
|
|
flex: 1;
|
|
align-items: center;
|
|
justify-content: flex-end;
|
|
gap: 7px;
|
|
}
|
|
|
|
.matrix-mailbox-page .matrix-mailbox-search,
|
|
.matrix-mailbox-page .matrix-mailbox-date {
|
|
display: inline-flex;
|
|
align-items: center;
|
|
gap: 5px;
|
|
margin: 0;
|
|
color: #40566a;
|
|
font-size: 11px;
|
|
font-weight: 700;
|
|
}
|
|
|
|
.matrix-mailbox-page .matrix-mailbox-search {
|
|
flex: 1;
|
|
max-width: 340px;
|
|
}
|
|
|
|
.matrix-mailbox-page .matrix-mailbox-search img,
|
|
.matrix-mailbox-page .matrix-mailbox-icon-button img {
|
|
width: 18px;
|
|
height: 18px;
|
|
object-fit: contain;
|
|
}
|
|
|
|
.matrix-mailbox-page .title #txtskey {
|
|
width: 100% !important;
|
|
margin: 0 !important;
|
|
}
|
|
|
|
.matrix-mailbox-page .title #txtfrom,
|
|
.matrix-mailbox-page .title #txtto {
|
|
width: 108px !important;
|
|
}
|
|
|
|
.matrix-mailbox-page .title #btnfilter {
|
|
min-width: 70px;
|
|
margin: 0 !important;
|
|
float: none !important;
|
|
}
|
|
|
|
.matrix-mailbox-page .matrix-mailbox-icon-button {
|
|
display: inline-flex;
|
|
width: 30px;
|
|
height: 28px;
|
|
align-items: center;
|
|
justify-content: center;
|
|
padding: 3px;
|
|
border: 1px solid #aebdcc;
|
|
border-radius: 3px;
|
|
background: #f7fafc;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.matrix-mailbox-page .matrix-mailbox-filter:empty {
|
|
display: none;
|
|
}
|
|
|
|
.matrix-mailbox-page #TablePanel {
|
|
height: min(34vh, 340px) !important;
|
|
min-height: 190px;
|
|
margin-top: 10px;
|
|
}
|
|
|
|
.matrix-mailbox-page #emaillist {
|
|
width: 100% !important;
|
|
}
|
|
|
|
.matrix-mailbox-page #detaildiv {
|
|
display: flex;
|
|
min-height: 40px;
|
|
height: auto !important;
|
|
align-items: center;
|
|
gap: 8px;
|
|
margin: 0;
|
|
padding: 8px 10px;
|
|
}
|
|
|
|
.matrix-mailbox-page .matrix-mailbox-detail {
|
|
min-height: 220px;
|
|
margin-top: 10px;
|
|
overflow: hidden;
|
|
border: 1px solid #c3d0da;
|
|
border-radius: 6px;
|
|
background: #f4f8fb;
|
|
}
|
|
|
|
.matrix-mailbox-page .matrix-mailbox-sender {
|
|
flex: 1;
|
|
min-width: 0;
|
|
margin: 0;
|
|
overflow: auto;
|
|
}
|
|
|
|
.matrix-mailbox-page #senderinfo {
|
|
font-size: 11px;
|
|
}
|
|
|
|
.matrix-mailbox-page #btnattachment {
|
|
flex: 0 0 auto;
|
|
float: none !important;
|
|
}
|
|
|
|
.matrix-mailbox-page .matrix-mailbox-content {
|
|
min-height: 178px;
|
|
max-height: 32vh;
|
|
overflow: auto;
|
|
border-top: 1px solid #c3d0da;
|
|
background: #fbfcfd;
|
|
}
|
|
|
|
.matrix-mailbox-page #mailcontent {
|
|
padding: 12px;
|
|
}
|
|
|
|
.matrix-mailbox-page .matrix-mail-attachment {
|
|
display: flex;
|
|
min-height: 30px;
|
|
align-items: center;
|
|
gap: 7px;
|
|
padding: 5px 7px;
|
|
border-bottom: 1px solid #d3dde6;
|
|
color: #175d95;
|
|
font-size: 11px;
|
|
text-decoration: none;
|
|
}
|
|
|
|
.matrix-mailbox-page .matrix-mail-attachment:hover {
|
|
background: #e4edf6;
|
|
text-decoration: underline;
|
|
}
|
|
|
|
.matrix-mailbox-page .matrix-mail-attachment img {
|
|
width: 18px;
|
|
height: 18px;
|
|
object-fit: contain;
|
|
}
|
|
|
|
/* Upload report selection and status summary. */
|
|
.matrix-upload-reports-page .title #divportfolio {
|
|
width: min(320px, 38vw) !important;
|
|
margin-left: auto !important;
|
|
}
|
|
|
|
.matrix-upload-reports-page .title #portlist {
|
|
width: 100% !important;
|
|
}
|
|
|
|
.matrix-upload-reports-page #FormPanel1 {
|
|
margin-bottom: 10px;
|
|
padding: 12px 16px;
|
|
}
|
|
|
|
.matrix-upload-reports-page #FormPanel1 .matrix-form-controls > tbody > tr > td {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 18px;
|
|
}
|
|
|
|
.matrix-upload-reports-page #FormPanel1 .widget {
|
|
width: auto;
|
|
display: inline-flex;
|
|
align-items: center;
|
|
gap: 6px;
|
|
}
|
|
|
|
.matrix-upload-reports-page #FormPanel1 .lblcontainer,
|
|
.matrix-upload-reports-page #FormPanel1 .inputcontainer {
|
|
width: auto !important;
|
|
height: auto !important;
|
|
padding: 0 !important;
|
|
float: none !important;
|
|
}
|
|
|
|
.matrix-upload-reports-page #btnupload {
|
|
min-width: 96px;
|
|
margin: 0 0 0 auto !important;
|
|
float: none !important;
|
|
}
|
|
|
|
/* Online/offline download settings. */
|
|
.matrix-case-download .matrix-tool-workspace__content {
|
|
max-width: 980px !important;
|
|
}
|
|
|
|
.matrix-case-download .matrix-download-title {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 8px;
|
|
}
|
|
|
|
.matrix-case-download .matrix-download-title__portfolio {
|
|
width: min(300px, 40vw) !important;
|
|
height: auto !important;
|
|
margin-left: auto;
|
|
position: static !important;
|
|
float: none !important;
|
|
}
|
|
|
|
.matrix-case-download .matrix-download-title__portfolio select {
|
|
width: 100% !important;
|
|
}
|
|
|
|
.matrix-case-download .matrix-upload-cases__panel {
|
|
margin: 10px;
|
|
padding: 14px 16px;
|
|
}
|
|
|
|
.matrix-case-download .matrix-upload-cases__fields {
|
|
display: grid !important;
|
|
grid-template-columns: repeat(2, minmax(0, 1fr));
|
|
gap: 12px 22px;
|
|
}
|
|
|
|
.matrix-case-download .matrix-upload-cases__fields .widget {
|
|
display: grid;
|
|
grid-template-columns: 130px minmax(0, 1fr);
|
|
align-items: center;
|
|
gap: 10px;
|
|
margin: 0;
|
|
}
|
|
|
|
.matrix-case-download .matrix-upload-cases__fields .lblcontainer,
|
|
.matrix-case-download .matrix-upload-cases__fields .inputcontainer {
|
|
width: auto !important;
|
|
height: auto !important;
|
|
padding: 0 !important;
|
|
float: none !important;
|
|
}
|
|
|
|
.matrix-case-download .matrix-upload-cases__fields input:not([type="hidden"]) {
|
|
width: 100% !important;
|
|
}
|
|
|
|
.matrix-case-download #btndownload {
|
|
min-width: 98px;
|
|
margin: 0 0 0 auto !important;
|
|
float: none !important;
|
|
grid-column: 2;
|
|
}
|
|
|
|
@media (max-width: 760px) {
|
|
.matrix-general-workflow .matrix-tool-workspace__content {
|
|
width: calc(100% - 12px) !important;
|
|
}
|
|
|
|
.matrix-upload-reports-page #FormPanel1 .matrix-form-controls > tbody > tr > td {
|
|
align-items: stretch;
|
|
flex-direction: column;
|
|
}
|
|
|
|
.matrix-upload-reports-page #btnupload {
|
|
margin-left: 0 !important;
|
|
}
|
|
|
|
.matrix-mailbox-page .matrix-mailbox-toolbar,
|
|
.matrix-mailbox-page .matrix-mailbox-toolbar__actions {
|
|
align-items: stretch;
|
|
flex-wrap: wrap;
|
|
}
|
|
|
|
.matrix-mailbox-page .matrix-mailbox-search {
|
|
min-width: 100%;
|
|
max-width: none;
|
|
}
|
|
|
|
.matrix-case-download .matrix-upload-cases__fields {
|
|
grid-template-columns: 1fr;
|
|
}
|
|
|
|
.matrix-case-download #btndownload {
|
|
grid-column: 1;
|
|
}
|
|
}
|