| | |
|---|
| | | .ant-advanced-search-form.top-search { |
|---|
| | | padding: 0px 24px 10px; |
|---|
| | | border-bottom: 1px solid #efefef; |
|---|
| | | .mk-search-wrap { |
|---|
| | | // background: #ffffff; |
|---|
| | | |
|---|
| | | .mk-search-col { |
|---|
| | | display: inline-block; |
|---|
| | | float: none; |
|---|
| | | vertical-align: top; |
|---|
| | | text-align: left; |
|---|
| | | } |
|---|
| | | .ant-checkbox-wrapper { |
|---|
| | | color: rgba(0, 0, 0, 0.85); |
|---|
| | | white-space: nowrap; |
|---|
| | | } |
|---|
| | | .ant-form-item { |
|---|
| | | display: flex; |
|---|
| | | margin-bottom: 0px; |
|---|
| | | min-height: 60px; |
|---|
| | | min-height: 55px; |
|---|
| | | .ant-form-explain { |
|---|
| | | white-space: nowrap; |
|---|
| | | } |
|---|
| | |
|---|
| | | width: calc(100% - 100px); |
|---|
| | | } |
|---|
| | | .ant-form-item-label { |
|---|
| | | // width: 100px; |
|---|
| | | text-overflow: ellipsis; |
|---|
| | | } |
|---|
| | | label[title=" "]::after, label[title=" "]::after { |
|---|
| | | display: none; |
|---|
| | | } |
|---|
| | | .daterange .ant-calendar-picker-input { |
|---|
| | | padding: 4px 20px 4px 5px; |
|---|
| | |
|---|
| | | .ant-select-dropdown { |
|---|
| | | z-index: 10 !important; |
|---|
| | | } |
|---|
| | | .ant-radio-group { |
|---|
| | | white-space: nowrap; |
|---|
| | | } |
|---|
| | | .ant-calendar-picker-container { |
|---|
| | | z-index: 10 !important; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | .group-required { |
|---|
| | | label::before { |
|---|
| | | display: inline-block; |
|---|
| | | margin-right: 4px; |
|---|
| | | color: #f5222d; |
|---|
| | | font-size: 14px; |
|---|
| | | font-family: SimSun, sans-serif; |
|---|
| | | line-height: 1; |
|---|
| | | content: '*'; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | .search-button { |
|---|
| | | min-height: 55px; |
|---|
| | | .ant-btn-link, .ant-btn-link:hover, .ant-btn-link:active { |
|---|
| | | border-color: transparent; |
|---|
| | | span { |
|---|
| | | position: relative; |
|---|
| | | top: 5px; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | .ant-btn { |
|---|
| | | height: auto; |
|---|
| | | min-height: 28px; |
|---|
| | | } |
|---|
| | | .anticon-down { |
|---|
| | | transition: transform 0.3s; |
|---|
| | | margin-left: 2px; |
|---|
| | | } |
|---|
| | | .visible { |
|---|
| | | .anticon-down { |
|---|
| | | transform: rotate(180deg); |
|---|
| | | } |
|---|
| | | } |
|---|
| | | .ant-btn:not(.ant-btn-primary):not(.ant-btn-link):active, .ant-btn:not(.ant-btn-primary):not(.ant-btn-link).active, .ant-btn:not(.ant-btn-primary):not(.ant-btn-link):hover, .ant-btn:not(.ant-btn-primary):not(.ant-btn-link):focus { |
|---|
| | | color: var(--mk-sys-color); |
|---|
| | | border-color: var(--mk-sys-color); |
|---|
| | | } |
|---|
| | | .ant-btn-primary { |
|---|
| | | background-color: var(--mk-sys-color); |
|---|
| | | border-color: var(--mk-sys-color); |
|---|
| | | } |
|---|
| | | .ant-btn-link { |
|---|
| | | color: var(--mk-sys-color); |
|---|
| | | } |
|---|
| | | } |
|---|
| | | .advanced-list { |
|---|
| | | font-size: 13px; |
|---|
| | | padding: 2px 12px; |
|---|
| | | text-align: left; |
|---|
| | | > div { |
|---|
| | | display: inline-block; |
|---|
| | | margin-right: 10px; |
|---|
| | | padding: 0 4px 0 4px; |
|---|
| | | box-shadow: 0 0 2px #dddddd; |
|---|
| | | |
|---|
| | | .anticon-close { |
|---|
| | | margin-left: 5px; |
|---|
| | | cursor: pointer; |
|---|
| | | color: #bcbcbc; |
|---|
| | | font-size: 12px; |
|---|
| | | padding: 2px; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | .advance-value { |
|---|
| | | color: var(--mk-sys-color); |
|---|
| | | } |
|---|
| | | } |
|---|
| | | .ant-calendar-picker-clear, .ant-calendar-picker-icon { |
|---|
| | | right: 8px; |
|---|
| | | } |
|---|
| | | .ant-input-affix-wrapper { |
|---|
| | | .ant-input-suffix { |
|---|
| | | opacity: 1; |
|---|
| | | transition: opacity 0.3s; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | .ant-input-affix-wrapper:not(:hover) { |
|---|
| | | .ant-input-suffix { |
|---|
| | | opacity: 0; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | .check-card-search-box { |
|---|
| | | margin-top: 3px; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | .mk-search-wrap.mk-float-right { |
|---|
| | | >.ant-row { |
|---|
| | | text-align: right; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | .mk-search-wrap.mk-order-small { |
|---|
| | | .ant-form-item, .search-button { |
|---|
| | | min-height: 45px; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | .mk-search-wrap.mk-order-updown { |
|---|
| | | .mk-search-col { |
|---|
| | | .ant-form-item { |
|---|
| | | display: block; |
|---|
| | | min-height: auto; |
|---|
| | | margin-bottom: 15px; |
|---|
| | | |
|---|
| | | .ant-form-item-label { |
|---|
| | | display: block; |
|---|
| | | width: 100% !important; |
|---|
| | | text-align: left; |
|---|
| | | float: none; |
|---|
| | | line-height: 2; |
|---|
| | | height: 24px; |
|---|
| | | } |
|---|
| | | .ant-form-item-control-wrapper { |
|---|
| | | display: block; |
|---|
| | | width: 100% !important; |
|---|
| | | float: none; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | } |
|---|
| | | .mk-search-col:last-child { |
|---|
| | | .ant-form-item { |
|---|
| | | margin-bottom: 20px; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | } |
|---|
| | | .mk-search-drawer { |
|---|
| | | .ant-drawer-wrapper-body { |
|---|
| | | position: relative; |
|---|
| | | } |
|---|
| | | .ant-drawer-header { |
|---|
| | | position: absolute; |
|---|
| | | top: 0; |
|---|
| | | width: 100%; |
|---|
| | | } |
|---|
| | | .ant-drawer-body { |
|---|
| | | padding-bottom: 50px; |
|---|
| | | position: relative; |
|---|
| | | min-height: calc(100% - 60px); |
|---|
| | | margin-top: 55px; |
|---|
| | | .advance-button { |
|---|
| | | background: #ffffff; |
|---|
| | | } |
|---|
| | | .advance-search { |
|---|
| | | margin-bottom: 15px; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | } |
|---|
