|
@@ -292,8 +292,7 @@
|
|
|
|
|
|
|
|
resizeLeftRightWindow = function() {
|
|
resizeLeftRightWindow = function() {
|
|
|
var height = $(window).height() - 60;
|
|
var height = $(window).height() - 60;
|
|
|
- $('#leftPanel').css('min-height', height + 'px');
|
|
|
|
|
- $('#rightContent').css('height', height + 'px');
|
|
|
|
|
|
|
+ $('.kb-layout').css('height', height + 'px');
|
|
|
};
|
|
};
|
|
|
|
|
|
|
|
$(window).resize(function() {
|
|
$(window).resize(function() {
|
|
@@ -302,15 +301,17 @@
|
|
|
</script>
|
|
</script>
|
|
|
<style>
|
|
<style>
|
|
|
body { background-color: transparent; }
|
|
body { background-color: transparent; }
|
|
|
- .kb-layout { display: flex; width: 100%; min-height: calc(100vh - 60px); }
|
|
|
|
|
|
|
+ .kb-layout { display: flex; width: 100%; height: calc(100vh - 60px); }
|
|
|
.kb-left {
|
|
.kb-left {
|
|
|
width: 280px;
|
|
width: 280px;
|
|
|
min-width: 200px;
|
|
min-width: 200px;
|
|
|
background: #fff;
|
|
background: #fff;
|
|
|
border-right: 1px solid #e5e5e5;
|
|
border-right: 1px solid #e5e5e5;
|
|
|
- overflow-y: auto;
|
|
|
|
|
padding: 0;
|
|
padding: 0;
|
|
|
flex-shrink: 0;
|
|
flex-shrink: 0;
|
|
|
|
|
+ display: flex;
|
|
|
|
|
+ flex-direction: column;
|
|
|
|
|
+ overflow: hidden;
|
|
|
}
|
|
}
|
|
|
.kb-left .left-header {
|
|
.kb-left .left-header {
|
|
|
background: #5b9bd5;
|
|
background: #5b9bd5;
|
|
@@ -321,6 +322,7 @@
|
|
|
display: flex;
|
|
display: flex;
|
|
|
align-items: center;
|
|
align-items: center;
|
|
|
justify-content: space-between;
|
|
justify-content: space-between;
|
|
|
|
|
+ flex-shrink: 0;
|
|
|
}
|
|
}
|
|
|
.kb-left .left-header .btn-add-root {
|
|
.kb-left .left-header .btn-add-root {
|
|
|
color: #fff;
|
|
color: #fff;
|
|
@@ -331,6 +333,10 @@
|
|
|
cursor: pointer;
|
|
cursor: pointer;
|
|
|
background: transparent;
|
|
background: transparent;
|
|
|
}
|
|
}
|
|
|
|
|
+ .kb-left #treeContainer {
|
|
|
|
|
+ flex: 1;
|
|
|
|
|
+ overflow-y: auto;
|
|
|
|
|
+ }
|
|
|
.kb-left #treeContainer ul { list-style: none; padding: 0; margin: 0; }
|
|
.kb-left #treeContainer ul { list-style: none; padding: 0; margin: 0; }
|
|
|
.kb-left .tree-node-item {
|
|
.kb-left .tree-node-item {
|
|
|
padding: 7px 12px 7px 12px;
|
|
padding: 7px 12px 7px 12px;
|
|
@@ -353,7 +359,7 @@
|
|
|
.kb-left .tree-node-item .tree-ops a:hover { color: #e94949; }
|
|
.kb-left .tree-node-item .tree-ops a:hover { color: #e94949; }
|
|
|
.kb-left li ul { padding-left: 0; }
|
|
.kb-left li ul { padding-left: 0; }
|
|
|
.kb-right { flex: 1; overflow: hidden; }
|
|
.kb-right { flex: 1; overflow: hidden; }
|
|
|
- .kb-right iframe { width: 100%; border: none; display: block; }
|
|
|
|
|
|
|
+ .kb-right iframe { width: 100%; height: 100%; border: none; display: block; }
|
|
|
</style>
|
|
</style>
|
|
|
</head>
|
|
</head>
|
|
|
<body>
|
|
<body>
|
