ui: replace stupid react-split-pane with allotment
parent
6bf35f8f73
commit
fe1d964eba
@ -1,12 +0,0 @@
|
||||
diff --git a/index.d.ts b/index.d.ts
|
||||
index d116f54d6da12d24b48e24ff3636c9066059aa58..9d62eac28d5480aa6c2e796d603757d5999ea0af 100644
|
||||
--- a/index.d.ts
|
||||
+++ b/index.d.ts
|
||||
@@ -25,6 +25,7 @@ export type SplitPaneProps = {
|
||||
pane2Style?: React.CSSProperties;
|
||||
resizerClassName?: string;
|
||||
step?: number;
|
||||
+ children: React.ReactNode;
|
||||
};
|
||||
|
||||
export type SplitPaneState = {
|
@ -1,9 +0,0 @@
|
||||
.splitpane-fill
|
||||
display: flex
|
||||
position: absolute
|
||||
overflow: hidden
|
||||
left: 0
|
||||
width: 100%
|
||||
top: 0
|
||||
height: 100%
|
||||
user-select: none
|
@ -1,19 +0,0 @@
|
||||
import classNames from 'classnames';
|
||||
import PropTypes from 'prop-types';
|
||||
|
||||
export default function SplitPaneFillOverlayComponent(props) {
|
||||
const {
|
||||
className,
|
||||
children,
|
||||
...rest
|
||||
} = props;
|
||||
const cn = classNames(className, 'splitpane-fill');
|
||||
return (
|
||||
<div {...rest} className={cn}>{children}</div>
|
||||
);
|
||||
}
|
||||
|
||||
SplitPaneFillOverlayComponent.propTypes = {
|
||||
className: PropTypes.string,
|
||||
children: PropTypes.node,
|
||||
};
|
@ -1,27 +0,0 @@
|
||||
$resizer-extend = 4px
|
||||
$resizer-extend-color = rgba($primary-color, 0.3)
|
||||
|
||||
.Resizer
|
||||
background: #000
|
||||
opacity: .2
|
||||
z-index: 1
|
||||
box-sizing: border-box
|
||||
background-clip: padding-box
|
||||
|
||||
.Resizer.horizontal
|
||||
height: ($resizer-extend * 2 + 1px)
|
||||
margin: -($resizer-extend) 0
|
||||
border-top: $resizer-extend solid transparent
|
||||
border-bottom: $resizer-extend solid transparent
|
||||
cursor: row-resize
|
||||
width: 100%
|
||||
|
||||
.Resizer.vertical
|
||||
width: ($resizer-extend * 2 + 1px)
|
||||
margin: 0 -($resizer-extend)
|
||||
border-left: $resizer-extend solid transparent
|
||||
border-right: $resizer-extend solid transparent
|
||||
cursor: col-resize
|
||||
|
||||
.Resizer:hover
|
||||
border-color: $resizer-extend-color
|
Loading…
Reference in New Issue