lm-piplines/public/css/components/111_react_components.css
2024-04-24 11:13:56 +03:00

158 lines
2.5 KiB
CSS

.ant-select-selector {
height: 36px !important;
min-width: 130px;
}
.ant-input {
height: 26px;
}
.ant-modal {
width: auto !important;
max-height: calc(100vh - 2rem);
top: 0px;
}
.ant-modal-wrap {
margin-top: 2rem;
margin-bottom: 2rem;
}
.ant-table {
width: calc(100vw - 2rem);
min-width: 280px;
overflow-x: auto;
max-width: 100%;
}
.table-w-full .ant-table {
width: 100%;
}
.table-full .seletors_group {
width: 320px;
}
@media screen and (max-width: 640px) {
.table-full .seletors_group {
width: 270px;
}
}
.table-full .ant-table {
width: 100%;
}
.table-w-full .ant-modal-body {
padding: 0 10px;
}
.fs-modal .ant-modal-body {
padding: 0 10px;
}
.ant-modal-wrap.fs-modal {
margin: 0;
}
.fs-table .ant-table-body {
max-height: calc(100vh - 300px);
}
.fs-table .ant-modal-body > div {
max-height: 1000vh;
}
.fs-table .ant-table-cell {
padding: 0 4px;
}
.SingleDatePicker_picker {
z-index: 10;
}
.ant-table-thead th {
color: white !important;
background-color: rgb(56, 55, 60) !important;
}
.ant-table-thead th.antd-th-editable {
color: white !important;
background-color: white !important;
}
.DateInput_input {
padding: 4px 11px 4px;
font-size: 15px;
}
.list_task_subitem {
display: flex;
flex-wrap: wrap;
column-gap: 10px;
row-gap: 10px;
flex: "10 1 100px";
}
.ant-select-multiple .ant-select-selection-item-remove {
display: flex;
align-items: center;
}
.ant-select-dropdown {
z-index: 1150;
}
.ant-table-thead th.antd-white-table-cell {
background-color: white !important;
}
@media screen and (max-width: 920px) {
.list_task_subitem_container {
flex-wrap: wrap;
column-gap: 20px;
row-gap: 20px;
}
}
.ant-modal-wrap {
z-index: 1150;
}
.ant-modal-mask {
z-index: 1149;
}
.highcharts-data-table table {
font-family: Verdana, sans-serif;
border-collapse: collapse;
border: 1px solid #ebebeb;
margin: 10px auto;
text-align: center;
width: 100%;
max-width: 500px;
}
.ant-tooltip {
z-index: 3000;
}
.mobile-maxwidth_calc100vw-20rem {
max-width: calc(100vw - 20rem);
}
@media screen and (max-width: 640px) {
.mobile-maxwidth_calc100vw-20rem {
max-width: none;
}
}
.ant-notification {
z-index: 20000;
}
.admin_panel_wrapper_bv {
position: fixed;
z-index: 1001;
}
.anim_rotation {
animation-duration: 0.5s;
animation-name: anim_rotate;
}
@keyframes anim_rotate {
0% {
transform: rotate(0);
}
100% {
transform: rotate(180deg);
}
}
.ant-message {
z-index: 30000;
}