timi-tdesign-pc/src/assets/style/tencent-cloud-custom.less

/* TDesign 腾讯云样式附加修改 */
@popupShadowColor: rgba(0, 0, 0, .1);
@popupShadow: 3px 3px 0 @popupShadowColor;

.t-button {
	cursor: var(--tui-cur-pointer) !important;
}

.t-card {
    box-shadow: var(--tui-shadow) !important;

	.t-card__title {
		display: block;
	}

	.t-card__body,
	.t-card__header {
		margin: 14px 0;
		padding: 0 16px;
	}
}

.t-link {
    cursor: var(--tui-cur-pointer) !important;
    font-size: 100%;
}

.t-input .t-input__inner {
    cursor: var(--tui-cur-text) !important;
}

.t-select .t-input__inner {
    cursor: var(--tui-cur-default) !important;
}

.t-textarea__inner {
    cursor: var(--tui-cur-text) !important;
    word-wrap: normal;
}

.t-checkbox {
	cursor: var(--tui-cur-pointer) !important;
}

.t-tabs {

	.t-tabs__nav-item {
		cursor: var(--tui-cur-pointer) !important;
	}
}

.t-pagination {
	font-size: 12px;
	--td-comp-size-m: 28px;

	.t-pagination__pager {

		.t-pagination__number {
			cursor: var(--tui-cur-pointer) !important;

			&:hover {
				z-index: 1;
			}

			&:not(:last-child) {
				margin-right: -1px;
			}
		}
	}
}

.t-breadcrumb {

	.t-breadcrumb__item {
		cursor: var(--tui--pointer);

		.t-breadcrumb__inner-text {
			cursor: var(--tui--pointer);
		}

		a {
			color: inherit;
			text-decoration: none;
		}

		&:last-child {

			.t-breadcrumb__inner {

				&:hover,
				&:active {
					color: var(--td-text-color-primary);
				}

				&:active {
					animation: none;
				}
			}

			.t-breadcrumb__inner-text {
				cursor: var(--tui--default);
			}
		}
	}
}

.t-list {

	.t-list-item {
		background: transparent;

		&:last-child::after {
			background: transparent;
		}
	}
}

.t-tree {

	.t-tree__item,
	.t-tree__icon,
	.t-tree__label {
		cursor: var(--tui--pointer) !important;
		font-size: 100%;
	}
	.t-tree__label {
		padding: 3px var(--td-comp-paddingLR-xs);
	}
}

.t-timeline-item__wrapper {

	.t-timeline-item__dot {
		border: none;
		width: 8px;
		height: 8px;
		margin: 2px 0 0 1px;
		background: var(--td-brand-color);
		border-radius: 0;
	}

	.t-timeline-item__tail {
		border-left: 2px solid var(--td-component-border);
	}
}

.t-layout {
	background: transparent;

	.t-layout__sider,
	.t-layout__header,
	.t-layout__content,
	.t-layout__footer {
		background: transparent;
	}
}

.narrow-scrollbar {

	&::-webkit-scrollbar {
		cursor: var(--tui--default) !important;
	}

	&::-webkit-scrollbar-thumb {
		border: none;
		cursor: var(--tui--default);
		background: #525870;
		border-radius: 0;
	}
}

.t-popup {

	.t-popup__content {
		outline: 1px solid var(--td-component-border);
		box-shadow: @popupShadow;
	}

	.t-select-option {
		cursor: var(--tui--pointer);
	}
}
.t-popup[data-popper-placement^="left"] {

	.t-popup__arrow {
		right: calc(-9px / 2);

		&::before {
			box-shadow: inset -1px 0 0 var(--td-component-border), inset 0 1px 0 var(--td-component-border), 2px -2px 0 rgba(0, 0, 0, .08);
		}
	}
}
.t-popup[data-popper-placement^="right"] {

	.t-popup__arrow {
		left: calc(-10px / 2);

		&::before {
			box-shadow: inset 0 -1px 0 var(--td-component-border), inset 1px 0 0 var(--td-component-border);
		}
	}
}
.t-popup[data-popper-placement^="bottom"] {

	&.t-select__dropdown .t-popup__content {
		margin-top: 2px;
	}
}

.t-dialog__ctx {
	--td-mask-active: rgba(0, 0, 0, .2) !important;

	.t-dialog {
		background: rgba(255, 255, 255, .8);
		box-shadow: 2px 2px 0 rgba(0, 0, 0, .3);
		backdrop-filter: blur(10px);
		animation-duration: .3s !important;
		-webkit-backdrop-filter: blur(10px);
		animation-timing-function: cubic-bezier(.23, 1, .32, 1) !important;
	}
}

.t-message {
	outline: 1px solid var(--td-component-border) !important;
	box-shadow: @popupShadow !important;
}

.t-dropdown {
	border: none;
}

.t-avatar {
	box-sizing: border-box;
}

.t-image-viewer {

	.t-swiper-item {
		overflow: hidden;
	}
}

.t-menu {

	.t-head-menu__inner {
		height: var(--td-comp-size-xxl);

		.t-menu__operations:not(:empty) {
			height: var(--td-comp-size-xxl);
			line-height: 1;
		}

		.t-menu__item {
			height: 100%;
			padding: 0 24px;
			margin-left: 0;

			&.t-is-active {
				color: var(--td-text-color-anti);
				background-color: var(--td-brand-color)
			}
		}
	}
}