157 lines
4.0 KiB
CSS
157 lines
4.0 KiB
CSS
.matrix-maintenance .matrix-tool-workspace__content,
|
|
.matrix-employee-details .matrix-tool-workspace__content {
|
|
width: calc(100% - 24px) !important;
|
|
max-width: 1280px !important;
|
|
background: #f4f8fb;
|
|
}
|
|
|
|
.matrix-maintenance .FormPanel,
|
|
.matrix-employee-details .FormPanel {
|
|
margin: 10px;
|
|
padding: 10px;
|
|
border: 1px solid #c5d3de;
|
|
border-radius: 5px;
|
|
background: #edf3f7;
|
|
}
|
|
|
|
.matrix-maintenance #filtertab {
|
|
width: 100% !important;
|
|
margin: 0;
|
|
}
|
|
|
|
.matrix-maintenance #filtertab > tbody > tr > td {
|
|
justify-content: center;
|
|
}
|
|
|
|
.matrix-maintenance #uptodate {
|
|
width: 180px !important;
|
|
min-height: 30px;
|
|
}
|
|
|
|
.matrix-maintenance .matrix-maintenance__actions {
|
|
display: grid;
|
|
grid-template-columns: repeat(2, minmax(220px, 1fr));
|
|
gap: 12px;
|
|
max-width: 640px;
|
|
margin: 0 auto 10px;
|
|
}
|
|
|
|
.matrix-maintenance .matrix-maintenance__actions button {
|
|
min-height: 52px !important;
|
|
width: 100% !important;
|
|
margin: 0;
|
|
border-color: #b42318 !important;
|
|
background: #fff5f4 !important;
|
|
color: #8f1d15 !important;
|
|
}
|
|
|
|
.matrix-maintenance .matrix-maintenance__actions button:hover {
|
|
background: #fee4e2 !important;
|
|
}
|
|
|
|
.matrix-employee-details .matrix-tool-workspace__content > .title > span {
|
|
display: flex;
|
|
width: 100%;
|
|
align-items: center;
|
|
gap: 10px;
|
|
}
|
|
|
|
.matrix-employee-details .matrix-tool-workspace__content > .title input[type="text"] {
|
|
width: min(320px, 38vw) !important;
|
|
min-height: 28px;
|
|
margin: 0 0 0 auto !important;
|
|
}
|
|
|
|
.matrix-employee-details .matrix-form-controls > tbody > tr > td {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
align-items: end;
|
|
gap: 8px 10px;
|
|
padding: 0;
|
|
}
|
|
|
|
.matrix-employee-details .matrix-form-controls .widget {
|
|
display: flex;
|
|
min-width: 120px;
|
|
flex: 1 1 180px;
|
|
flex-direction: column;
|
|
gap: 3px;
|
|
margin: 0;
|
|
}
|
|
|
|
.matrix-employee-details .matrix-form-controls .lblcontainer,
|
|
.matrix-employee-details .matrix-form-controls .inputcontainer,
|
|
.matrix-employee-details .matrix-form-controls .divselect {
|
|
width: 100% !important;
|
|
height: auto;
|
|
margin: 0 !important;
|
|
padding: 0 !important;
|
|
float: none;
|
|
}
|
|
|
|
.matrix-employee-details .matrix-form-controls input[type="text"],
|
|
.matrix-employee-details .matrix-form-controls select,
|
|
.matrix-employee-details .matrix-form-controls textarea {
|
|
width: 100% !important;
|
|
max-width: 100%;
|
|
min-height: 28px;
|
|
padding: 3px 7px;
|
|
border: 1px solid #9fb1c1;
|
|
border-radius: 3px;
|
|
background-color: #fff;
|
|
}
|
|
|
|
.matrix-employee-details .matrix-form-controls textarea {
|
|
min-height: 52px;
|
|
resize: vertical;
|
|
}
|
|
|
|
.matrix-employee-details .matrix-form-controls .widget:has(#leftremarks),
|
|
.matrix-employee-details .matrix-form-controls .widget:has(#cpvremarks),
|
|
.matrix-employee-details .matrix-form-controls #ddetails,
|
|
.matrix-employee-details .matrix-form-controls #prdetails,
|
|
.matrix-employee-details .matrix-form-controls #cdetails,
|
|
.matrix-employee-details .matrix-form-controls #sdetails {
|
|
flex-basis: 100%;
|
|
width: 100%;
|
|
}
|
|
|
|
.matrix-employee-details .matrix-form-controls .lblcontainer[id="lblentity"] {
|
|
margin-top: 5px !important;
|
|
padding: 5px 7px !important;
|
|
border-bottom: 1px solid #bdcbd6;
|
|
color: #2c5271 !important;
|
|
text-decoration: none !important;
|
|
}
|
|
|
|
.matrix-employee-details .buttonbar {
|
|
left: 50%;
|
|
z-index: 30;
|
|
display: flex;
|
|
width: min(calc(100% - 24px), 1280px) !important;
|
|
min-height: 44px;
|
|
align-items: center;
|
|
gap: 6px;
|
|
padding: 7px 9px;
|
|
transform: translateX(-50%);
|
|
border: 1px solid #bdcbd6;
|
|
border-radius: 5px 5px 0 0;
|
|
background: rgba(244, 248, 251, .98);
|
|
box-shadow: 0 -2px 8px rgba(39, 62, 81, .1);
|
|
}
|
|
|
|
.matrix-employee-details .buttonbar #btnsave {
|
|
margin-left: auto !important;
|
|
}
|
|
|
|
@media (max-width: 700px) {
|
|
.matrix-maintenance .matrix-tool-workspace__content,
|
|
.matrix-employee-details .matrix-tool-workspace__content {
|
|
width: 100% !important;
|
|
}
|
|
|
|
.matrix-maintenance .matrix-maintenance__actions {
|
|
grid-template-columns: 1fr;
|
|
}
|
|
}
|