@import '@alifd/next/variables.scss';
.HorizontalEditor-wrap {
	width: 100%;
	height: 100%;
	display: inline-flex;
	.nav-parent {
		width: 106px;
		position: relative;
		padding: 8px;
		background-color: rgba(0, 0, 0, 0.05);
		.nav-background {
			height: 100%;
			background-color: #ffffff;
			overflow: auto;
			.add-btn {
				text-align: center;
				height: 40px;
				padding: 10px;
			}
			.horizon-nav {
				overflow: auto;
				border: none;
				box-shadow: none;
				.#{$css-prefix}nav-item {
					padding: 0;
					border-bottom: 1px solid rgb(234, 234, 234);
					&::before {
						width: 0 !important;
					}
					&:hover:before {
						width: 0;
					}
					.#{$css-prefix}menu-item-inner {
						height: auto;

						.horizon-nav-item {
							width: 84px;
							display: block;
							line-height: 1.5;
							padding: 16px 8px;
							text-align: center;
							white-space: break-spaces;
							word-wrap: break-word;
							> button {
								position: absolute;
								top: 0;
								right: 0;
							}
							> i {
								display: block;
								line-height: 1.5;
							}
						}
					}
				}
			}
		}
	}

	.horizon-view-content {
		width: 100%;
		overflow: auto;
		overflow-x: hidden;
		padding-right: 8px;
	}
}