UNPKG

ant-design-vue

Version:

An enterprise-class UI design language and Vue-based implementation

234 lines (233 loc) 5.26 kB
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ /* stylelint-disable no-duplicate-selectors */ /* stylelint-disable */ /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ @-webkit-keyframes antCheckboxEffect { 0% { transform: scale(1); opacity: 0.5; } 100% { transform: scale(1.6); opacity: 0; } } @keyframes antCheckboxEffect { 0% { transform: scale(1); opacity: 0.5; } 100% { transform: scale(1.6); opacity: 0; } } .ant-transfer-customize-list { display: flex; } .ant-transfer-customize-list .ant-transfer-operation { flex: none; align-self: center; } .ant-transfer-customize-list .ant-transfer-list { flex: auto; width: auto; height: auto; min-height: 200px; } .ant-transfer-customize-list .ant-transfer-list-body-with-search { padding-top: 0; } .ant-transfer-customize-list .ant-transfer-list-body-search-wrapper { position: relative; padding-bottom: 0; } .ant-transfer-customize-list .ant-transfer-list-body-customize-wrapper { padding: 12px; } .ant-transfer-customize-list .ant-table-wrapper .ant-table-small { border: 0; border-radius: 0; } .ant-transfer-customize-list .ant-table-wrapper .ant-table-small > .ant-table-content > .ant-table-body > table > .ant-table-thead > tr > th { background: #fafafa; } .ant-transfer-customize-list .ant-table-wrapper .ant-table-small > .ant-table-content .ant-table-row:last-child td { border-bottom: 1px solid #f0f0f0; } .ant-transfer-customize-list .ant-table-wrapper .ant-table-small .ant-table-body { margin: 0; } .ant-transfer-customize-list .ant-table-wrapper .ant-table-pagination.ant-pagination { margin: 16px 0 4px; } .ant-transfer { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: 'tnum'; position: relative; } .ant-transfer-disabled .ant-transfer-list { background: #f5f5f5; } .ant-transfer-list { position: relative; display: inline-block; width: 180px; height: 200px; padding-top: 40px; vertical-align: middle; border: 1px solid #d9d9d9; border-radius: 2px; } .ant-transfer-list-with-footer { padding-bottom: 34px; } .ant-transfer-list-search { padding-right: 24px; padding-left: 8px; } .ant-transfer-list-search-action { position: absolute; top: 12px; right: 12px; bottom: 12px; width: 28px; color: rgba(0, 0, 0, 0.25); line-height: 32px; text-align: center; } .ant-transfer-list-search-action .anticon { color: rgba(0, 0, 0, 0.25); transition: all 0.3s; } .ant-transfer-list-search-action .anticon:hover { color: rgba(0, 0, 0, 0.45); } span.ant-transfer-list-search-action { pointer-events: none; } .ant-transfer-list-header { position: absolute; top: 0; left: 0; width: 100%; padding: 7.4995px 12px 8.4995px; overflow: hidden; color: rgba(0, 0, 0, 0.85); background: #fff; border-bottom: 1px solid #f0f0f0; border-radius: 2px 2px 0 0; } .ant-transfer-list-header-title { position: absolute; right: 12px; } .ant-transfer-list-header .ant-checkbox-wrapper + span { padding-left: 8px; } .ant-transfer-list-body { position: relative; height: 100%; font-size: 14px; } .ant-transfer-list-body-search-wrapper { position: absolute; top: 0; left: 0; width: 100%; padding: 12px; } .ant-transfer-list-body-with-search { padding-top: 56px; } .ant-transfer-list-content { height: 100%; margin: 0; padding: 0; overflow: auto; list-style: none; } .ant-transfer-list-content > .LazyLoad { -webkit-animation: transferHighlightIn 1s; animation: transferHighlightIn 1s; } .ant-transfer-list-content-item { min-height: 32px; padding: 6px 12px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; transition: all 0.3s; } .ant-transfer-list-content-item > span { padding-right: 0; } .ant-transfer-list-content-item-text { padding-left: 8px; } .ant-transfer-list-content-item:not(.ant-transfer-list-content-item-disabled):hover { background-color: #f5f5f5; cursor: pointer; } .ant-transfer-list-content-item-disabled { color: rgba(0, 0, 0, 0.25); cursor: not-allowed; } .ant-transfer-list-body-not-found { position: absolute; top: 50%; width: 100%; padding-top: 0; color: rgba(0, 0, 0, 0.25); text-align: center; transform: translateY(-50%); } .ant-transfer-list-body-with-search .ant-transfer-list-body-not-found { margin-top: 16px; } .ant-transfer-list-footer { position: absolute; bottom: 0; left: 0; width: 100%; border-top: 1px solid #f0f0f0; border-radius: 0 0 2px 2px; } .ant-transfer-operation { display: inline-block; margin: 0 8px; overflow: hidden; vertical-align: middle; } .ant-transfer-operation .ant-btn { display: block; } .ant-transfer-operation .ant-btn:first-child { margin-bottom: 4px; } .ant-transfer-operation .ant-btn .anticon { font-size: 12px; } @-webkit-keyframes transferHighlightIn { 0% { background: #bae7ff; } 100% { background: transparent; } } @keyframes transferHighlightIn { 0% { background: #bae7ff; } 100% { background: transparent; } }