Showing
4 changed files
with
26 additions
and
23 deletions
| ... | ... | @@ -11,21 +11,21 @@ |
| 11 | 11 | background-color: #fff !important; |
| 12 | 12 | border-top: 1px solid @N4 !important; |
| 13 | 13 | } |
| 14 | - .qx-input-select-dropdown__list { | |
| 15 | - max-height: 160px; | |
| 16 | - min-height: unset; | |
| 17 | - height: unset !important; | |
| 18 | - .ant-dropdown-menu { | |
| 19 | - box-shadow: none; | |
| 20 | - } | |
| 21 | - .qx-input-select-dropdown__list-empty { | |
| 22 | - display: flex; | |
| 23 | - align-items: center; | |
| 24 | - justify-content: center; | |
| 25 | - flex-direction: column; | |
| 26 | - overflow: hidden; | |
| 27 | - height: 100px; | |
| 28 | - margin: 0; | |
| 29 | - } | |
| 30 | - } | |
| 14 | + //.qx-input-select-dropdown__list { | |
| 15 | + // max-height: 160px; | |
| 16 | + // min-height: unset; | |
| 17 | + // height: unset !important; | |
| 18 | + // .ant-dropdown-menu { | |
| 19 | + // box-shadow: none; | |
| 20 | + // } | |
| 21 | + // .qx-input-select-dropdown__list-empty { | |
| 22 | + // display: flex; | |
| 23 | + // align-items: center; | |
| 24 | + // justify-content: center; | |
| 25 | + // flex-direction: column; | |
| 26 | + // overflow: hidden; | |
| 27 | + // height: 100px; | |
| 28 | + // margin: 0; | |
| 29 | + // } | |
| 30 | + //} | |
| 31 | 31 | } | ... | ... |
| ... | ... | @@ -36,7 +36,7 @@ const DropdownContent = React.forwardRef<any, DropdownContentProps>( |
| 36 | 36 | showSearch = false, |
| 37 | 37 | onSearch: parentSearch, |
| 38 | 38 | placeholder, |
| 39 | - listHeight = 260, | |
| 39 | + listHeight = 192, | |
| 40 | 40 | loading, |
| 41 | 41 | } = props; |
| 42 | 42 | |
| ... | ... | @@ -128,7 +128,7 @@ const DropdownContent = React.forwardRef<any, DropdownContentProps>( |
| 128 | 128 | <div |
| 129 | 129 | ref={ref} |
| 130 | 130 | className={`${prefix}__list`} |
| 131 | - style={{ height: listHeight }} | |
| 131 | + style={{ maxHeight: listHeight }} | |
| 132 | 132 | > |
| 133 | 133 | {isEmpty ? ( |
| 134 | 134 | <Empty | ... | ... |
| ... | ... | @@ -13,8 +13,7 @@ |
| 13 | 13 | 0 6px 16px 0 rgba(0, 0, 0, 8%), 0 9px 28px 8px rgba(0, 0, 0, 5%); |
| 14 | 14 | |
| 15 | 15 | &__list { |
| 16 | - min-height: 150px; | |
| 17 | - max-height: 260px; | |
| 16 | + max-height: 192px; | |
| 18 | 17 | margin-top: 5px; |
| 19 | 18 | overflow-y: auto; |
| 20 | 19 | .ant-dropdown-menu { |
| ... | ... | @@ -23,7 +22,12 @@ |
| 23 | 22 | } |
| 24 | 23 | |
| 25 | 24 | &__list-empty { |
| 26 | - margin-top: 15%; | |
| 25 | + display: flex; | |
| 26 | + align-items: center; | |
| 27 | + justify-content: center; | |
| 28 | + flex-direction: column; | |
| 29 | + overflow: hidden; | |
| 30 | + height: 100px; | |
| 27 | 31 | } |
| 28 | 32 | |
| 29 | 33 | &__list-content { | ... | ... |