You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
180 lines
3.3 KiB
180 lines
3.3 KiB
/* 调整日期选择器 */
|
|
.DateRangePicker_picker,
|
|
.DateRangePicker {
|
|
z-index: 1000;
|
|
}
|
|
|
|
.DateInput,
|
|
.DateInput_input {
|
|
font-family: 'Arial', sans-serif;
|
|
font-size: 12px;
|
|
/* 缩小字体 */
|
|
font-weight: normal;
|
|
width: 80px;
|
|
/* 缩小宽度 */
|
|
height: 20px;
|
|
/* 缩小高度 */
|
|
padding: 1px;
|
|
/* 缩小内边距 */
|
|
border: none;
|
|
outline: none;
|
|
}
|
|
|
|
.DateRangePickerInput {
|
|
display: flex;
|
|
align-items: center;
|
|
height: 20px;
|
|
/* 缩小高度 */
|
|
margin-right: 5px;
|
|
/* 缩小间距 */
|
|
}
|
|
|
|
.DateRangePickerInput_arrow {
|
|
padding: 0 4px;
|
|
/* 缩小内边距 */
|
|
font-size: 12px;
|
|
/* 缩小字体 */
|
|
}
|
|
|
|
/* 调整输入框 */
|
|
input:not([type="radio"]),
|
|
textarea {
|
|
font-family: 'Arial', sans-serif;
|
|
font-size: 12px;
|
|
/* 缩小字体 */
|
|
font-weight: normal;
|
|
padding: 1px;
|
|
/* 缩小内边距 */
|
|
height: 20px;
|
|
/* 缩小高度 */
|
|
margin-right: 5px;
|
|
/* 缩小间距 */
|
|
border: none;
|
|
outline: none;
|
|
}
|
|
|
|
/* 调整下拉菜单 */
|
|
.Select--multi .Select-value,
|
|
.Select-control {
|
|
font-size: 12px;
|
|
/* 缩小字体 */
|
|
min-height: 20px;
|
|
/* 缩小高度 */
|
|
font-family: 'Arial', sans-serif;
|
|
font-weight: normal;
|
|
border: none;
|
|
outline: none;
|
|
}
|
|
|
|
.Select-menu-outer {
|
|
font-size: 12px;
|
|
/* 缩小字体 */
|
|
max-height: 100px;
|
|
border: none;
|
|
}
|
|
|
|
/* 统一行布局 */
|
|
.filter-row {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
align-items: center;
|
|
margin-bottom: 3px;
|
|
/* 缩小间距 */
|
|
}
|
|
|
|
.radio-horizontal-inline .custom-control {
|
|
display: inline-block;
|
|
margin-right: 3px;
|
|
/* 缩小间距 */
|
|
}
|
|
|
|
/* 调整单选按钮 */
|
|
.custom-radio {
|
|
display: inline-flex;
|
|
align-items: center;
|
|
}
|
|
|
|
.custom-control {
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
|
|
/* 新增的样式 */
|
|
.filter-item {
|
|
display: inline-flex;
|
|
align-items: center;
|
|
margin-right: 8px;
|
|
/* 缩小间距 */
|
|
}
|
|
|
|
/* 调整空选择框宽度 */
|
|
.Select--multi .Select-control {
|
|
width: auto;
|
|
}
|
|
|
|
.Select--multi .Select-control:empty:after {
|
|
content: ' ';
|
|
display: inline-block;
|
|
width: 250px;
|
|
/* 缩小宽度 */
|
|
}
|
|
|
|
.Select--multi .Select-placeholder {
|
|
display: none;
|
|
}
|
|
|
|
/* 调整 index 类选择框 */
|
|
.index-dropdown .Select-control,
|
|
.text-dropdown .Select-control {
|
|
font-size: 12px;
|
|
/* 缩小字体 */
|
|
min-height: 20px;
|
|
/* 缩小高度 */
|
|
width: 80px;
|
|
/* 修改宽度 */
|
|
font-family: 'Arial', sans-serif;
|
|
font-weight: normal;
|
|
border: none;
|
|
outline: none;
|
|
padding-left: 2px;
|
|
/* 缩小内边距 */
|
|
padding-right: 2px;
|
|
/* 缩小内边距 */
|
|
}
|
|
|
|
.index-dropdown .Select-menu-outer,
|
|
.text-dropdown .Select-menu-outer {
|
|
font-size: 12px;
|
|
/* 缩小字体 */
|
|
max-height: 100px;
|
|
border: none;
|
|
}
|
|
|
|
.index-dropdown .Select-placeholder,
|
|
.text-dropdown .Select-placeholder {
|
|
display: none;
|
|
}
|
|
|
|
.index-dropdown .Select-control:empty:after,
|
|
.text-dropdown .Select-control:empty:after {
|
|
content: ' ';
|
|
display: inline-block;
|
|
width: 250px;
|
|
/* 缩小宽度 */
|
|
}
|
|
|
|
/* 缩小整体布局和字体 */
|
|
.query-container {
|
|
font-size: 12px;
|
|
/* 缩小字体 */
|
|
}
|
|
|
|
.query-container .filter-row {
|
|
margin-bottom: 3px;
|
|
/* 缩小行间距 */
|
|
}
|
|
|
|
.query-container .filter-item {
|
|
margin-right: 8px;
|
|
/* 缩小每个筛选维度之间的间距 */
|
|
}
|