Files
matrix/build/WebContent/css/edit-cases-v1.css

67 lines
1.5 KiB
CSS

.matrix-edit-cases .matrix-tool-workspace__content {
width: calc(100% - 24px) !important;
max-width: 1320px !important;
background: #f4f8fb;
}
.matrix-edit-cases .matrix-tool-workspace__content > .title .divselect {
width: min(330px, 38vw) !important;
margin-left: auto;
position: static !important;
}
.matrix-edit-cases .matrix-tool-workspace__content > .title select {
width: 100% !important;
min-height: 28px;
padding: 3px 28px 3px 7px;
border: 1px solid #9fb1c1;
border-radius: 3px;
background-color: #fff;
}
.matrix-edit-cases .tableContainer {
width: auto;
max-height: 70vh;
margin: 10px;
border-color: #b9c9d6;
background: #f7fafc;
}
.matrix-edit-cases .tableContainer table {
min-width: 1000px;
}
.matrix-edit-cases .tableContainer thead td {
background: #dfe9f1;
}
.matrix-edit-cases .tableContainer tbody tr {
cursor: pointer;
}
.matrix-edit-cases .tableContainer tbody tr:nth-child(even) {
background: #eef4f8;
}
.matrix-edit-cases .tableContainer tbody tr:hover,
.matrix-edit-cases .tableContainer tbody tr:focus,
.matrix-edit-cases .tableContainer tbody tr.rowhover {
outline: 0;
background: #d3e6f4;
}
@media (max-width: 760px) {
.matrix-edit-cases .matrix-tool-workspace__content {
width: 100% !important;
}
.matrix-edit-cases .matrix-tool-workspace__content > .title {
flex-wrap: wrap;
}
.matrix-edit-cases .matrix-tool-workspace__content > .title .divselect {
width: 100% !important;
order: 3;
}
}