/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ /* stylelint-disable no-duplicate-selectors */ .ant-splitter { font-variant: tabular-nums; font-feature-settings: 'tnum'; display: flex; align-items: stretch; box-sizing: border-box; width: 100%; height: 100%; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'; line-height: 1.5715; list-style: none; } .ant-splitter-horizontal { flex-direction: row; } .ant-splitter-vertical { flex-direction: column; } .ant-splitter-panel { box-sizing: border-box; padding: 0 1px; overflow: auto; scrollbar-width: thin; } .ant-splitter-panel-hidden { padding: 0; overflow: hidden; } .ant-splitter-panel:has(.ant-splitter:only-child) { overflow: hidden; } .ant-splitter-bar { position: relative; flex: none; user-select: none; } .ant-splitter-bar-preview { position: absolute; z-index: 1; display: none; background: #1890ff; opacity: 0.2; transition: none; pointer-events: none; } .ant-splitter-bar-preview-active { display: block; } .ant-splitter-bar-dragger { position: absolute; top: 50%; left: 50%; z-index: 1; transform: translate(-50%, -50%); } .ant-splitter-bar-dragger::before { position: absolute; top: 50%; left: 50%; background: rgba(0, 0, 0, 0.04); transform: translate(-50%, -50%); content: ''; } .ant-splitter-bar-dragger:hover:not(.ant-splitter-bar-dragger-active)::before { background: #e6f4ff; } .ant-splitter-bar-dragger::after { position: absolute; top: 50%; left: 50%; background: rgba(0, 0, 0, 0.15); transform: translate(-50%, -50%); content: ''; } .ant-splitter-bar-dragger-active { z-index: 2; } .ant-splitter-bar-dragger-active::before { background: #bae0ff; } .ant-splitter-bar:hover .ant-splitter-bar-collapse-bar, .ant-splitter-bar:active .ant-splitter-bar-collapse-bar { opacity: 1; } .ant-splitter > .ant-splitter-bar > .ant-splitter-bar-dragger.ant-splitter-bar-dragger-disabled { z-index: 0; } .ant-splitter > .ant-splitter-bar > .ant-splitter-bar-dragger.ant-splitter-bar-dragger-disabled, .ant-splitter > .ant-splitter-bar > .ant-splitter-bar-dragger.ant-splitter-bar-dragger-disabled:hover, .ant-splitter > .ant-splitter-bar > .ant-splitter-bar-dragger.ant-splitter-bar-dragger-disabled-active { cursor: default; } .ant-splitter > .ant-splitter-bar > .ant-splitter-bar-dragger.ant-splitter-bar-dragger-disabled::before, .ant-splitter > .ant-splitter-bar > .ant-splitter-bar-dragger.ant-splitter-bar-dragger-disabled:hover::before, .ant-splitter > .ant-splitter-bar > .ant-splitter-bar-dragger.ant-splitter-bar-dragger-disabled-active::before { background: rgba(0, 0, 0, 0.04); } .ant-splitter > .ant-splitter-bar > .ant-splitter-bar-dragger.ant-splitter-bar-dragger-disabled::after { display: none; } .ant-splitter-bar-collapse-bar { position: absolute; top: 50%; left: 50%; z-index: 1000; display: flex; align-items: center; justify-content: center; color: rgba(0, 0, 0, 0.85); font-size: 12px; background: rgba(0, 0, 0, 0.04); border-radius: 2px; transform: translate(-50%, -50%); cursor: pointer; opacity: 0; } .ant-splitter-bar-collapse-bar:hover { background: #e6f4ff; } .ant-splitter-bar-collapse-bar:active { background: #bae0ff; } .ant-splitter-horizontal > .ant-splitter-bar { width: 0; } .ant-splitter-horizontal > .ant-splitter-bar .ant-splitter-bar-dragger { width: 6px; height: 100%; cursor: col-resize; } .ant-splitter-horizontal > .ant-splitter-bar .ant-splitter-bar-dragger::before { width: 2px; height: 100%; } .ant-splitter-horizontal > .ant-splitter-bar .ant-splitter-bar-dragger::after { width: 2px; height: 20px; } .ant-splitter-horizontal > .ant-splitter-bar .ant-splitter-bar-preview { width: 2px; height: 100%; } .ant-splitter-horizontal > .ant-splitter-bar .ant-splitter-bar-collapse-bar { width: 12px; height: 24px; } .ant-splitter-horizontal > .ant-splitter-bar .ant-splitter-bar-collapse-bar-start { right: calc(6px / 2); left: auto; transform: translateY(-50%); } .ant-splitter-horizontal > .ant-splitter-bar .ant-splitter-bar-collapse-bar-end { right: auto; left: calc(6px / 2); transform: translateY(-50%); } .ant-splitter-vertical > .ant-splitter-bar { height: 0; } .ant-splitter-vertical > .ant-splitter-bar .ant-splitter-bar-dragger { width: 100%; height: 6px; cursor: row-resize; } .ant-splitter-vertical > .ant-splitter-bar .ant-splitter-bar-dragger:has(.ant-splitter-vertical > .ant-splitter-bar .ant-splitter-bar-dragger-disabled) { cursor: default; } .ant-splitter-vertical > .ant-splitter-bar .ant-splitter-bar-dragger::before { width: 100%; height: 2px; } .ant-splitter-vertical > .ant-splitter-bar .ant-splitter-bar-dragger::after { width: 20px; height: 2px; } .ant-splitter-vertical > .ant-splitter-bar .ant-splitter-bar-preview { width: 100%; height: 2px; } .ant-splitter-vertical > .ant-splitter-bar .ant-splitter-bar-collapse-bar { width: 24px; height: 12px; } .ant-splitter-vertical > .ant-splitter-bar .ant-splitter-bar-collapse-bar-start { top: auto; bottom: calc(6px / 2); transform: translateX(-50%); } .ant-splitter-vertical > .ant-splitter-bar .ant-splitter-bar-collapse-bar-end { top: calc(6px / 2); bottom: auto; transform: translateX(-50%); } .ant-splitter-mask { position: fixed; z-index: 1000; inset: 0; } .ant-splitter-mask-horizontal { cursor: col-resize; } .ant-splitter-mask-vertical { cursor: row-resize; } .ant-splitter-rtl { direction: rtl; } .ant-splitter-rtl .ant-splitter-dot-spin { transform: rotate(-45deg); animation-name: antRotateRtl; } @keyframes antRotateRtl { to { transform: rotate(-405deg); } } nz-splitter { display: block; }