@import '../../styles/theme.less';

// 附件li
.filesTable-fileLi {
	display: flex;
	align-items: center;
	margin-bottom: 8px;

	&-icon,
	&-iconA,
	&-iconDelete {
		color: rgba(0, 0, 0, 0.45);
		margin-right: 8px;
	}

	&-iconA {
		display: none;
		cursor: pointer;

		&:hover {
			color: @main-color;
		}
	}

	&-iconDelete {
		display: none;
		cursor: pointer;

		&:hover {
			color: #ff4d4f;
		}
	}

	&-name {
		flex: 1;
		cursor: pointer;
	}

	&:hover {
		background-color: #fafafa;

		.filesTable-fileLi-iconDelete,
		.filesTable-fileLi-iconA {
			display: block;
		}
	}

	&:last-child {
		margin-bottom: 0;
	}
}