@ant-design/pro-components 1.1.1 → 1.1.2

package/dist/components.css

@@ -3174,6 +3174,239 @@ html {
   margin: 0;
 }
 
+.ant-pro-list {
+  background-color: transparent;
+}
+.ant-pro-list .ant-pro-table-alert {
+  margin-bottom: 16px;
+}
+.ant-pro-list .ant-pro-list-row {
+  border-bottom: 1px solid #f0f0f0;
+}
+.ant-pro-list .ant-pro-list-row:last-child {
+  border-bottom: none;
+}
+.ant-pro-list .ant-pro-list-row:last-child .ant-list-item {
+  border-bottom: none;
+}
+.ant-pro-list .ant-pro-list-row:hover {
+  background-color: rgba(0, 0, 0, 0.02);
+  transition: background-color 0.3s;
+}
+.ant-pro-list .ant-pro-list-row:hover .ant-list-item-action {
+  display: block;
+}
+.ant-pro-list .ant-pro-list-row:hover .ant-list-item-extra {
+  display: flex;
+}
+.ant-pro-list .ant-pro-list-row:hover .ant-pro-list-row-extra {
+  display: block;
+}
+.ant-pro-list .ant-pro-list-row:hover .ant-pro-list-row-subheader-actions {
+  display: block;
+}
+.ant-pro-list .ant-pro-list-row-card {
+  margin: 8px 0;
+  padding: 0 8px;
+}
+.ant-pro-list .ant-pro-list-row-card:hover {
+  background-color: transparent;
+}
+.ant-pro-list .ant-pro-list-row-card .ant-list-item-meta-title {
+  flex-shrink: 9;
+  margin: 0;
+  line-height: 22px;
+}
+.ant-pro-list .ant-pro-list-row.ant-pro-list-row-editable .ant-list-item-meta-avatar,
+.ant-pro-list .ant-pro-list-row.ant-pro-list-row-editable .ant-list-item-meta-description,
+.ant-pro-list .ant-pro-list-row.ant-pro-list-row-editable .ant-list-item-meta-title {
+  padding: 6px 0;
+}
+.ant-pro-list .ant-pro-list-row.ant-pro-list-row-editable .ant-list-item-action {
+  display: block;
+}
+.ant-pro-list .ant-pro-list-row.ant-pro-list-row-selected {
+  background-color: #e6f7ff;
+}
+.ant-pro-list .ant-pro-list-row.ant-pro-list-row-selected:hover {
+  background-color: #e6f7ff;
+}
+.ant-pro-list .ant-pro-list-row.ant-pro-list-row-type-new {
+  animation: techUiListActive 3s;
+}
+.ant-pro-list .ant-pro-list-row.ant-pro-list-row-type-inline .ant-pro-list-row-title {
+  font-weight: normal;
+}
+.ant-pro-list .ant-pro-list-row.ant-pro-list-row-type-top {
+  background-image: url('https://gw.alipayobjects.com/zos/antfincdn/DehQfMbOJb/icon.svg');
+  background-repeat: no-repeat;
+  background-position: left top;
+  background-size: 12px 12px;
+}
+.ant-pro-list .ant-pro-list-row-show-action-hover .ant-list-item-action,
+.ant-pro-list .ant-pro-list-row-show-action-hover .ant-pro-card-extra,
+.ant-pro-list .ant-pro-list-row-show-action-hover .ant-pro-card-actions {
+  display: none;
+}
+.ant-pro-list .ant-pro-list-row-show-action-hover:hover .ant-pro-card-extra,
+.ant-pro-list .ant-pro-list-row-show-action-hover:hover .ant-pro-card-actions {
+  display: flex;
+}
+.ant-pro-list .ant-pro-list-row-show-extra-hover .ant-list-item-extra {
+  display: none;
+}
+.ant-pro-list .ant-pro-list-row-extra {
+  display: none;
+}
+.ant-pro-list .ant-pro-list-row-subheader {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  height: 44px;
+  padding: 0 24px;
+  color: rgba(0, 0, 0, 0.45);
+  line-height: 44px;
+  background: rgba(0, 0, 0, 0.02);
+}
+.ant-pro-list .ant-pro-list-row-subheader-actions {
+  display: none;
+}
+.ant-pro-list .ant-pro-list-row-subheader-actions > * {
+  margin-right: 8px;
+}
+.ant-pro-list .ant-pro-list-row-subheader-actions > *:last-child {
+  margin-right: 0;
+}
+.ant-pro-list .ant-pro-list-row-header {
+  display: flex;
+  flex: 1;
+  justify-content: flex-start;
+}
+.ant-pro-list .ant-pro-list-row-header-title {
+  display: flex;
+  align-items: center;
+  justify-content: flex-start;
+}
+.ant-pro-list .ant-pro-list-row-header-option {
+  display: flex;
+}
+.ant-pro-list .ant-pro-list-row-checkbox {
+  width: 16px;
+  margin-right: 12px;
+}
+.ant-pro-list .ant-pro-list-row-expand-icon {
+  margin-right: 8;
+  margin-right: 8px;
+  color: rgba(0, 0, 0, 0.45);
+}
+.ant-pro-list .ant-pro-list-row-expand-icon > .anticon > svg {
+  transition: 0.3s;
+}
+.ant-pro-list .ant-pro-list-row-expanded > .anticon > svg {
+  transform: rotate(90deg);
+}
+.ant-pro-list .ant-pro-list-row-title {
+  margin-right: 16px;
+  word-break: break-all;
+  cursor: pointer;
+}
+.ant-pro-list .ant-pro-list-row-title:hover {
+  color: #40a9ff;
+}
+.ant-pro-list .ant-pro-list-row-content {
+  position: relative;
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+  margin: 0 32px;
+}
+.ant-pro-list .ant-pro-list-row-subTitle {
+  color: rgba(0, 0, 0, 0.45);
+}
+.ant-pro-list .ant-pro-list-row-description {
+  margin-top: 4px;
+  word-break: break-all;
+}
+.ant-pro-list .ant-pro-list-row-avatar {
+  display: flex;
+}
+.ant-pro-list .ant-list-pagination {
+  margin-bottom: 24px;
+}
+.ant-pro-list .ant-list-item {
+  padding: 12px;
+  cursor: pointer;
+}
+.ant-pro-list .ant-list-vertical .ant-pro-list-row .ant-list-header {
+  padding: 0;
+  border-bottom: none;
+}
+.ant-pro-list .ant-list-vertical .ant-pro-list-row .ant-list .ant-list-item {
+  width: 100%;
+  padding: 12px 18px 12px 24px;
+}
+.ant-pro-list .ant-list-vertical .ant-pro-list-row .ant-list .ant-list-item-meta-avatar {
+  display: flex;
+  align-items: center;
+  margin-right: 8px;
+}
+.ant-pro-list .ant-list-vertical .ant-pro-list-row .ant-list .ant-list-item-action-split {
+  display: none;
+}
+.ant-pro-list .ant-list-vertical .ant-pro-list-row .ant-list .ant-list-item-meta-title {
+  margin: 0;
+}
+.ant-pro-list-no-split .ant-pro-list-row {
+  border-bottom: none;
+}
+.ant-pro-list-no-split .ant-list .ant-list-item {
+  border-bottom: none;
+}
+.ant-pro-list-bordered .ant-pro-list-toolbar {
+  border-bottom: 1px solid #f0f0f0;
+}
+.ant-pro-list .ant-list-vertical .ant-pro-list-row {
+  padding: 12px 18px 12px 24px;
+}
+.ant-pro-list .ant-list-vertical .ant-pro-list-row-header-title {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  justify-content: center;
+}
+.ant-pro-list .ant-list-vertical .ant-pro-list-row-content {
+  margin: 0;
+}
+.ant-pro-list .ant-list-vertical .ant-pro-list-row-subTitle {
+  margin-top: 8px;
+}
+.ant-pro-list .ant-list-vertical .ant-list-item-extra {
+  display: flex;
+  align-items: center;
+  margin-left: 32px;
+}
+.ant-pro-list .ant-list-vertical .ant-pro-list-row-description {
+  margin-top: 16px;
+}
+.ant-pro-list .ant-list-bordered .ant-list-item {
+  padding-right: 0;
+  padding-left: 0;
+}
+.ant-pro-list .ant-pro-list-row-show-extra-hover .ant-list-item-extra {
+  display: none;
+}
+@keyframes techUiListActive {
+  0% {
+    background-color: unset;
+  }
+  30% {
+    background: #fefbe6;
+  }
+  100% {
+    background-color: unset;
+  }
+}
+
 .ant-pro-table-dropdown {
   width: auto;
 }