| import { Theme, css } from 'antd-style'; | |
| export default (token: Theme) => css` | |
| .dropdown-arrow { | |
| margin: 0 ; | |
| } | |
| ul.options { | |
| display: block ; | |
| margin: 0 ; | |
| padding: 4px ; | |
| background: ${token.colorBgElevated} ; | |
| border: 1px solid ${token.colorBorder} ; | |
| border-radius: ${token.borderRadius}px ; | |
| box-shadow: ${token.boxShadow}; | |
| li { | |
| overflow: hidden; | |
| display: block ; | |
| padding: 4px 8px ; | |
| line-height: 1 ; | |
| text-overflow: ellipsis; | |
| white-space: nowrap; | |
| border-radius: ${token.borderRadiusSM}px ; | |
| &.selected { | |
| color: ${token.colorText} ; | |
| background: ${token.colorFill} ; | |
| } | |
| &.active:not(.selected) { | |
| color: black ; | |
| background: ${token.yellow} ; | |
| } | |
| &:hover { | |
| color: ${token.colorText} ; | |
| background: ${token.colorFillSecondary} ; | |
| } | |
| } | |
| } | |
| `; | |