Show pane separators even while split.js is loading, fix Safari layout glitch
This commit is contained in:
parent
703129d3d0
commit
37fb6b9139
|
@ -86,7 +86,7 @@ define(['require'], (require) => {
|
||||||
direction: 'vertical',
|
direction: 'vertical',
|
||||||
cursor: (options.direction === 'vertical') ?
|
cursor: (options.direction === 'vertical') ?
|
||||||
'row-resize' : 'col-resize',
|
'row-resize' : 'col-resize',
|
||||||
gutterSize: 1,
|
gutterSize: 0,
|
||||||
onDragStart: () => {
|
onDragStart: () => {
|
||||||
oldCursor = document.body.style.cursor;
|
oldCursor = document.body.style.cursor;
|
||||||
document.body.style.cursor = resolvedOptions.cursor;
|
document.body.style.cursor = resolvedOptions.cursor;
|
||||||
|
@ -352,7 +352,7 @@ define(['require'], (require) => {
|
||||||
direction: 'vertical',
|
direction: 'vertical',
|
||||||
snapOffset: 5,
|
snapOffset: 5,
|
||||||
sizes: [70, 30],
|
sizes: [70, 30],
|
||||||
minSize: [100, 0],
|
minSize: [100, 5],
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -66,6 +66,9 @@ html, body {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
width: 30%;
|
width: 30%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
|
border-right: 1px solid #808080;
|
||||||
|
box-sizing: border-box;
|
||||||
|
vertical-align: top; /* Safari fix */
|
||||||
}
|
}
|
||||||
|
|
||||||
.pane-code {
|
.pane-code {
|
||||||
|
@ -76,6 +79,8 @@ html, body {
|
||||||
background: #EEEEEE;
|
background: #EEEEEE;
|
||||||
user-select: none;
|
user-select: none;
|
||||||
height: 30%;
|
height: 30%;
|
||||||
|
border-top: 1px solid #808080;
|
||||||
|
box-sizing: border-box;
|
||||||
}
|
}
|
||||||
|
|
||||||
.pane-view {
|
.pane-view {
|
||||||
|
@ -83,11 +88,11 @@ html, body {
|
||||||
width: 70%;
|
width: 70%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
position: relative;
|
position: relative;
|
||||||
|
vertical-align: top; /* Safari fix */
|
||||||
}
|
}
|
||||||
|
|
||||||
.gutter {
|
.gutter {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
background: #808080;
|
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
position: relative;
|
position: relative;
|
||||||
|
|
Loading…
Reference in New Issue