Show pane separators even while split.js is loading, fix Safari layout glitch

This commit is contained in:
David Evans 2018-02-02 23:03:02 +00:00
parent 703129d3d0
commit 37fb6b9139
2 changed files with 8 additions and 3 deletions

View File

@ -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],
}); });
} }

View File

@ -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;