125 lines
9.8 KiB
CSS
125 lines
9.8 KiB
CSS
.matrix-report-form {
|
|
min-height: 100vh;
|
|
margin: 0;
|
|
padding: 10px;
|
|
background: #d9e6ef;
|
|
color: #24313d;
|
|
font-family: Arial, sans-serif;
|
|
font-size: 12px;
|
|
}
|
|
|
|
.matrix-report-form #PageFrame { position: static; width: 100%; background: transparent; }
|
|
.matrix-report-form__workspace { position: static !important; z-index: auto !important; width: min(100%, 1320px) !important; margin: 0 auto !important; padding-bottom: 62px; }
|
|
.matrix-report-form__workspace > form > div { margin-bottom: 10px; overflow: hidden; border: 1px solid #c6d1db; border-radius: 6px; background: #f6f9fb; box-shadow: 0 2px 8px rgba(31,52,72,.07); }
|
|
.matrix-report-form__workspace > form > div > .title { display: flex !important; min-height: 38px; align-items: center; gap: 7px; padding: 7px 10px; border: 0; border-bottom: 1px solid #c9d4de; border-radius: 0; background: #e5e8eb; color: #24313d; font-size: 14px; font-weight: 700; }
|
|
.matrix-report-form__workspace > form > div > .title img { width: 16px; height: 16px; object-fit: contain; }
|
|
.matrix-report-form__workspace > form > div > .title > span { margin-right: auto; white-space: nowrap; }
|
|
.matrix-report-form .title .linkbutton { flex: 0 0 auto; min-height: 26px; margin: 0 !important; padding: 4px 8px; float: none !important; color: #294c6b; background: #fff; border: 1px solid #aebdca; border-radius: 4px; font-size: 11px; font-weight: 600; line-height: 16px; cursor: pointer; }
|
|
.matrix-report-form .title .linkbutton:hover { color: #fff; background: #245a91; border-color: #245a91; }
|
|
.matrix-report-form .FormPanel { padding: 12px; border: 0; background: #f6f9fb; }
|
|
.matrix-report-form .matrix-form-controls { width: 100%; margin: 0; }
|
|
.matrix-report-form:not(.matrix-report-form--legacy) .matrix-form-controls > tbody > tr > td { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px 14px; padding: 0; }
|
|
.matrix-report-form:not(.matrix-report-form--legacy) .matrix-form-controls > tbody > tr > td:empty { display: none; }
|
|
.matrix-report-form:not(.matrix-report-form--legacy) .widget { display: grid; width: 100%; grid-template-columns: minmax(150px,.34fr) minmax(0,1fr); align-items: start; gap: 8px; margin: 0; }
|
|
.matrix-report-form:not(.matrix-report-form--legacy) .lblcontainer,
|
|
.matrix-report-form:not(.matrix-report-form--legacy) .inputcontainer { width: 100% !important; height: auto; padding: 0; float: none; }
|
|
.matrix-report-form:not(.matrix-report-form--legacy) .lblcontainer { padding-top: 7px; font-weight: 700; }
|
|
.matrix-report-form:not(.matrix-report-form--legacy) input[type="text"],
|
|
.matrix-report-form:not(.matrix-report-form--legacy) input[type="number"],
|
|
.matrix-report-form:not(.matrix-report-form--legacy) input[type="date"],
|
|
.matrix-report-form:not(.matrix-report-form--legacy) textarea,
|
|
.matrix-report-form:not(.matrix-report-form--legacy) select { width: 100% !important; min-height: 32px; padding: 5px 7px; border: 1px solid #aebdca; border-radius: 4px; background: #fff; color: #24313d; font-size: 12px; }
|
|
.matrix-report-form input[type="checkbox"], .matrix-report-form input[type="radio"] { width: 16px; height: 16px; accent-color: #245a91; vertical-align: middle; }
|
|
.matrix-report-form textarea { min-height: 68px; resize: vertical; }
|
|
.matrix-report-form input[readonly], .matrix-report-form textarea[readonly] { background: #f3f6f8; color: #44525e; }
|
|
.matrix-report-form #OtherSection { display: block !important; grid-column: 1 / -1; }
|
|
.matrix-report-form #divovstatus { width: min(260px,45%) !important; margin: 0 0 0 auto !important; float: none !important; }
|
|
.matrix-report-form__actions { position: fixed; z-index: 20; right: 10px; bottom: 10px; left: 10px; display: flex; justify-content: flex-end; gap: 7px; width: auto; max-width: 1320px; margin: 0 auto !important; padding: 8px 10px; border: 1px solid #c6d1db; border-radius: 6px; background: rgba(255,255,255,.96); box-shadow: 0 3px 12px rgba(31,52,72,.14); }
|
|
.matrix-report-form__actions input.button { min-height: 30px; margin: 0 !important; padding: 4px 13px; float: none !important; color: #fff; background: #245a91; border: 1px solid #245a91; border-radius: 4px; font-weight: 700; cursor: pointer; }
|
|
.matrix-report-form__actions #btncancel { color: #364554; background: #fff; border-color: #9cabb8; }
|
|
.matrix-report-form__actions input.button:hover { filter: brightness(.92); }
|
|
.matrix-report-form table { max-width: 100%; }
|
|
.matrix-report-form img[src=""], .matrix-report-form img:not([src]) { display: none; }
|
|
|
|
/* Legacy report editors intentionally retain their dense, horizontal field flow. */
|
|
.matrix-report-form--legacy { padding: 4px; font-size: 11px; }
|
|
.matrix-report-form--legacy .matrix-report-form__workspace { width: 100% !important; max-width: none; padding-bottom: 44px; }
|
|
.matrix-report-form--legacy .matrix-report-form__workspace > form > div { margin-bottom: 4px; border-radius: 3px; box-shadow: 0 1px 3px rgba(31,52,72,.06); }
|
|
.matrix-report-form--legacy .matrix-report-form__workspace > form > div > .title { min-height: 27px; padding: 3px 7px; font-size: 12px; }
|
|
.matrix-report-form--legacy .title .linkbutton { min-height: 22px; padding: 2px 6px; font-size: 10px; line-height: 16px; }
|
|
.matrix-report-form--legacy .FormPanel { padding: 3px 5px; overflow-x: auto; background: #f4f8fb; }
|
|
.matrix-report-form--legacy .FormPanel table { margin: 2px 0; font-size: 11px; }
|
|
.matrix-report-form--legacy .FormPanel table tr td { padding-left: 2px; font-size: 11px; }
|
|
.matrix-report-form--legacy .widget { display: inline-flex; width: auto; margin: 2px 10px 3px 3px; align-items: center; gap: 6px; vertical-align: middle; }
|
|
.matrix-report-form--legacy .widget:has(textarea) { align-items: flex-start; }
|
|
.matrix-report-form--legacy .lblcontainer { width: auto !important; padding: 0; float: none; white-space: nowrap; line-height: 22px; }
|
|
.matrix-report-form--legacy .inputcontainer { display: inline-flex; width: auto !important; height: auto; padding: 0; float: none; align-items: center; }
|
|
.matrix-report-form--legacy input[type="text"],
|
|
.matrix-report-form--legacy input[type="number"],
|
|
.matrix-report-form--legacy input[type="date"],
|
|
.matrix-report-form--legacy textarea,
|
|
.matrix-report-form--legacy select { height: 22px; min-height: 22px; padding: 0 20px 0 4px; border: 1px solid #8798a8; border-radius: 3px; background-color: #fff; color: #24313d; font-size: 11px; line-height: 20px; box-shadow: none; }
|
|
.matrix-report-form--legacy input[type="text"],
|
|
.matrix-report-form--legacy input[type="number"],
|
|
.matrix-report-form--legacy input[type="date"],
|
|
.matrix-report-form--legacy textarea { border: 1px solid #8798a8 !important; box-shadow: inset 0 1px 2px rgba(31,52,72,.08); }
|
|
.matrix-report-form--legacy input[type="text"],
|
|
.matrix-report-form--legacy input[type="number"],
|
|
.matrix-report-form--legacy input[type="date"] { height: 26px; min-height: 26px; padding-top: 2px; padding-bottom: 2px; line-height: 20px; }
|
|
.matrix-report-form--legacy input[type="text"],
|
|
.matrix-report-form--legacy input[type="number"],
|
|
.matrix-report-form--legacy input[type="date"],
|
|
.matrix-report-form--legacy select,
|
|
.matrix-report-form--legacy .divselect { box-sizing: border-box !important; }
|
|
.matrix-report-form--legacy .divselect { display: inline-flex; width: auto !important; height: 22px !important; min-height: 22px; margin-right: 2px; overflow: visible; align-items: center; vertical-align: middle; background: #fff !important; border: 0; border-radius: 3px; box-shadow: none; }
|
|
.matrix-report-form--legacy .divselect select { height: 22px !important; min-height: 22px; padding-top: 0; padding-bottom: 0; appearance: auto; -webkit-appearance: menulist; background: #fff !important; border: 1px solid #8798a8 !important; line-height: 20px; }
|
|
.matrix-report-form--legacy input:focus,
|
|
.matrix-report-form--legacy select:focus,
|
|
.matrix-report-form--legacy textarea:focus { position: relative; z-index: 1; border-color: #245a91 !important; outline: 0; box-shadow: 0 0 0 2px rgba(36,90,145,.16); }
|
|
.matrix-report-form--legacy textarea { min-height: 48px; }
|
|
.matrix-report-form--legacy .matrix-report-form__actions { bottom: 4px; min-height: 34px; max-width: none; padding: 3px 6px; border-radius: 3px; }
|
|
.matrix-report-form--legacy .matrix-report-form__actions input.button { min-height: 25px; padding: 2px 9px; font-size: 11px; }
|
|
|
|
/* Legacy in-page dialogs need a distinct surface above the report canvas. */
|
|
.matrix-report-form #inptDialog,
|
|
.matrix-report-form #dialdiv {
|
|
z-index: 1100 !important;
|
|
padding: 0 !important;
|
|
overflow: hidden !important;
|
|
background: #e7f0f6 !important;
|
|
border: 1px solid #7890a5 !important;
|
|
border-radius: 6px !important;
|
|
box-shadow: 0 14px 35px rgba(23, 43, 61, .32) !important;
|
|
}
|
|
.matrix-report-form #inptDialog > .title,
|
|
.matrix-report-form #dialdiv > .title {
|
|
min-height: 30px;
|
|
padding: 5px 8px;
|
|
color: #23384a;
|
|
background: #d5e3ed;
|
|
border: 0;
|
|
border-bottom: 1px solid #8fa3b4;
|
|
border-radius: 0;
|
|
font-weight: 700;
|
|
}
|
|
.matrix-report-form #inptDialog > .FormPanel,
|
|
.matrix-report-form #dialdiv > .FormPanel {
|
|
margin: 0;
|
|
padding: 10px 12px !important;
|
|
background: #eef5f9 !important;
|
|
border: 0;
|
|
}
|
|
.matrix-report-form #inptDialog input,
|
|
.matrix-report-form #inptDialog select,
|
|
.matrix-report-form #inptDialog textarea,
|
|
.matrix-report-form #dialdiv input,
|
|
.matrix-report-form #dialdiv select,
|
|
.matrix-report-form #dialdiv textarea { background-color: #fff !important; }
|
|
@media (max-width: 760px) {
|
|
.matrix-report-form:not(.matrix-report-form--legacy) .matrix-form-controls > tbody > tr > td { grid-template-columns: 1fr; }
|
|
.matrix-report-form:not(.matrix-report-form--legacy) .widget { grid-template-columns: 1fr; gap: 4px; }
|
|
.matrix-report-form:not(.matrix-report-form--legacy) .lblcontainer { padding-top: 0; }
|
|
.matrix-report-form__workspace > form > div > .title { flex-wrap: wrap; }
|
|
.matrix-report-form__workspace > form > div > .title > span { flex-basis: calc(100% - 30px); }
|
|
}
|