|
@@ -471,7 +471,7 @@ export default {
|
|
|
.jsmind_layout {
|
|
|
display: flex;
|
|
|
flex-direction: column;
|
|
|
- width: 700px;
|
|
|
+ width: 100%;
|
|
|
height: calc(100%);
|
|
|
/* height: 500px; */
|
|
|
/* margin: 15px 5px 0 0; */
|
|
@@ -480,6 +480,7 @@ export default {
|
|
|
flex-shrink: 0;
|
|
|
position: relative;
|
|
|
}
|
|
|
+
|
|
|
.jsmind_title {
|
|
|
position: absolute;
|
|
|
top: 20px;
|
|
@@ -487,6 +488,7 @@ export default {
|
|
|
font-size: 20px;
|
|
|
color: #8d8d8d;
|
|
|
}
|
|
|
+
|
|
|
.noMind {
|
|
|
position: absolute;
|
|
|
display: flex;
|
|
@@ -497,6 +499,7 @@ export default {
|
|
|
z-index: 999;
|
|
|
background: #fff;
|
|
|
}
|
|
|
+
|
|
|
.jsmind_layout .jsmind_toolbar {
|
|
|
width: 100%;
|
|
|
padding: 0 10px 10px 10px;
|
|
@@ -508,43 +511,81 @@ export default {
|
|
|
background-color: #f8f9fa;
|
|
|
box-shadow: 0 0 4px #b8b8b8;
|
|
|
}
|
|
|
-.jsmind_layout >>> .el-button--medium,
|
|
|
-.jsmind_layout >>> .el-input--medium {
|
|
|
+
|
|
|
+.jsmind_layout>>>.el-button--medium,
|
|
|
+.jsmind_layout>>>.el-input--medium {
|
|
|
margin-top: 10px;
|
|
|
}
|
|
|
+
|
|
|
.jsmind_layout #jsmind_container {
|
|
|
/* flex: 1 1 auto; */
|
|
|
height: 100%;
|
|
|
}
|
|
|
-.jsmind_layout >>> .jsmind-inner {
|
|
|
+
|
|
|
+.jsmind_layout>>>.jsmind-inner {
|
|
|
/* overflow: hidden auto !important; */
|
|
|
/* height: auto; */
|
|
|
}
|
|
|
-.jsmind_layout >>> .el-upload-list {
|
|
|
+
|
|
|
+.jsmind_layout>>>.el-upload-list {
|
|
|
display: none !important;
|
|
|
}
|
|
|
+
|
|
|
/* 隐藏滚动条 */
|
|
|
.jsmind_layout .jsmind-inner::-webkit-scrollbar {
|
|
|
display: none;
|
|
|
}
|
|
|
+
|
|
|
.jsmind_layout .pad {
|
|
|
margin-right: 10px;
|
|
|
}
|
|
|
+
|
|
|
.jsmind_layout .pad-left {
|
|
|
margin-left: 10px;
|
|
|
}
|
|
|
-.jsmind_layout >>> jmnode.selected {
|
|
|
+
|
|
|
+.jsmind_layout>>>jmnode {
|
|
|
+ white-space: inherit;
|
|
|
+ word-wrap: break-word;
|
|
|
+ max-width: 500px;
|
|
|
+ max-height: 75px;
|
|
|
+ overflow: auto;
|
|
|
+}
|
|
|
+
|
|
|
+.jsmind_layout>>>jmnode::-webkit-scrollbar {
|
|
|
+ /*滚动条整体样式*/
|
|
|
+ width: 6px;
|
|
|
+ /*高宽分别对应横竖滚动条的尺寸*/
|
|
|
+ height: 6px;
|
|
|
+}
|
|
|
+
|
|
|
+/*定义滚动条轨道 内阴影+圆角*/
|
|
|
+.jsmind_layout>>>jmnode::-webkit-scrollbar-track {
|
|
|
+ border-radius: 10px;
|
|
|
+ background-color: rgba(0, 0, 0, 0.1);
|
|
|
+}
|
|
|
+
|
|
|
+/*定义滑块 内阴影+圆角*/
|
|
|
+.jsmind_layout>>>jmnode::-webkit-scrollbar-thumb {
|
|
|
+ border-radius: 10px;
|
|
|
+ -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
|
|
|
+ background-color: rgba(0, 0, 0, 0.1);
|
|
|
+}
|
|
|
+
|
|
|
+.jsmind_layout>>>jmnode.selected {
|
|
|
background-color: #b9b9b9;
|
|
|
color: #fff;
|
|
|
box-shadow: 2px 2px 8px #777;
|
|
|
}
|
|
|
-.jsmind_layout >>> jmnode:hover {
|
|
|
+
|
|
|
+.jsmind_layout>>>jmnode:hover {
|
|
|
box-shadow: 2px 2px 8px #777;
|
|
|
}
|
|
|
+
|
|
|
.jsmind_layout .form-con {
|
|
|
padding-top: 20px;
|
|
|
}
|
|
|
+
|
|
|
.jsmind_layout .ele-width {
|
|
|
width: 96%;
|
|
|
-}
|
|
|
-</style>
|
|
|
+}</style>
|