@import '@alifd/next/variables.scss';
.MultiEditors-wrap {
	height: 100%;

	.edit-word-nowrap {
		width: 100%;
		word-break: break-word;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		display: inline-block;
	}
	.editor-render-ver {
		position: relative;
		.editor-render-ver-active-bar {
			position: absolute;
			width: 4px;
			height: 100%;
			top: 0;
			left: 0;
			background: $color-brand1-6;
		}
		.editor-render-ver-btn {
			min-height: 65px;
			height: auto;
			width: 100%;
			border: none;
			border-radius: 0;
			box-shadow: inset 0px -1px 0px 0px $color-line1-2;
			&.#{$css-prefix}btn-primary {
				color: $color-brand1-6;
				background-color: $color-fill1-5;
			}
			&.#{$css-prefix}btn-primary:hover {
				color: $color-brand1-6;
				background-color: $color-fill1-5;
			}
			> span {
				width: 100%;
				word-break: break-all;
				white-space: pre-wrap;
				// @extend .edit-word-nowrap;
			}
		}
	}
	> .VerticalEditor-wrap-tab-hor {
		height: 100%;
		display: flex;
		flex-direction: column;
		> .#{$css-prefix}tabs-bar {
			background-color: white;
			> .#{$css-prefix}tabs-nav-container {
				max-width: calc(100% - 76px);
				padding-top: 13px;
				background-color: #ffffff;
				border-radius: 4px 4px 0px 0px;
				.#{$css-prefix}tabs-nav-wrap {
					> .#{$css-prefix}tabs-nav-scroll {
						padding-left: 16px;
					}
				}
			}
		}
		.#{$css-prefix}tabs-content {
			flex: 1;
			.#{$css-prefix}tabs-tabpane {
				height: 100%;
			}
		}
	}
	> .VerticalEditor-wrap-tab-ver {
		height: 100%;
		// display: flex;
		// flex-direction:row;
		> .#{$css-prefix}tabs-bar {
			height: 100%;
			width: 105px;
			background-color: #ffffff;
			> .#{$css-prefix}tabs-nav-container {
				overflow-y: auto;
				height: calc(100% - 45px);
				background-color: #ffffff;
				border-radius: 0;
				.#{$css-prefix}tabs-nav-wrap {
					.#{$css-prefix}tabs-nav-scroll {
						.#{$css-prefix}tabs-nav {
							transform: unset !important;
							.#{$css-prefix}tabs-tab {
								background: none;
								margin-bottom: 0;
							}
						}
					}
				}
			}
		}
		.#{$css-prefix}tabs-content {
			height: 100%;
			.#{$css-prefix}tabs-tabpane {
				height: 100%;
			}
		}
		&.#{$css-prefix}tabs-pure > .#{$css-prefix}tabs-bar .#{$css-prefix}tabs-nav-extra {
			right: 16px;
		}
		.tab-extra-render {
			border-top: 1px solid $color-line1-2;
			width: '100%';
		}
	}
}