diff --git a/src/styles/components/ant-select.scss b/src/styles/components/ant-select.scss index ed05edd..558fbf6 100644 --- a/src/styles/components/ant-select.scss +++ b/src/styles/components/ant-select.scss @@ -1,18 +1,27 @@ .ant-select { .ant-select-selector { padding: 0 12px !important; - height: 32px; - color: var(--Text-4, #211f24); - font-family: $font-family-regular; - font-size: 14px; - font-style: normal; - font-weight: 400; - line-height: 22px; border-radius: 4px !important; border-color: #d7d7d9 !important; background-color: #fff !important; - &::placeholder { - color: var(--Text-4, #939499); + align-items: center; + .ant-select-selection-search-input { + height: 100% !important; + } + .ant-select-selection-placeholder { + color: var(--Text-4, #737478); + font-family: $font-family-regular; + font-size: 14px; + font-style: normal; + font-weight: 400; + line-height: 22px; + } + .ant-select-selection-item { + color: var(--Text-4, #211f24); + font-family: $font-family-regular; + font-size: 14px; + font-style: normal; + font-weight: 400; } } &:focus, @@ -23,17 +32,38 @@ box-shadow: 0 0 0 0 var(--color-primary-light-2) !important; } } - &.ant-select-lg { - .ant-select-selector { - height: 36px; - } - } - &.ant-select-sm { - .ant-select-selector { - height: 28px; - } - } &.ant-select-status-error { border-color: $color-error !important; } } + +.ant-select.ant-select-single { + .ant-select-selector { + height: 32px !important; + } + &.ant-select-lg { + .ant-select-selector { + height: 36px !important; + } + } + &.ant-select-sm { + .ant-select-selector { + height: 28px !important; + } + } +} +.ant-select.ant-select-multiple { + .ant-select-selection-search-input { + min-height: 32px !important; + } + &.ant-select-lg { + .ant-select-selection-search-input { + min-height: 36px !important; + } + } + &.ant-select-sm { + .ant-select-selection-search-input { + min-height: 28px !important; + } + } +}