.jimu-widget-LeftNavigationBar {
|
position: absolute !important;
|
/* font-size: 14px; */
|
height: calc(100% - 25px) !important;
|
/* height: calc(100%) !important; */
|
width: 250px !important;
|
right: auto !important;
|
bottom: auto !important;
|
/* left: -250px !important; */
|
left: 0;
|
top: 0 !important;
|
/* 240px */
|
background: rgba(255, 255, 255, 1);
|
color: #000;
|
/* border : 1px solid rgba(0, 0, 0, 0.3); */
|
border-radius: 6px 6px 6px 6px;
|
/* text-align : center; */
|
/* cursor : pointer; */
|
z-index: 16 !important;
|
box-sizing: border-box;
|
/* padding: 0 20px 0 20px!important; */
|
/* display: flex;
|
align-items: center;
|
justify-content: center; */
|
box-shadow: 5px 5px 13px -10px rgba(0, 0, 0, .5);
|
transition: all 0.5s;
|
}
|
|
.jimu-widget-LeftNavigationBar .left-navigation-bar-but {
|
width: 23px;
|
height: 60px;
|
/* border: 1px solid springgreen; */
|
border-radius: 0 10px 10px 0;
|
display: flex;
|
align-items: center;
|
justify-content: center;
|
position: relative;
|
/* left: calc((100% + 23px) / 2); */
|
left: calc(100% - 1px);
|
top: calc(50%);
|
background-color: #fff;
|
box-shadow: 5px 5px 15px -5px rgba(0, 0, 0, .5);
|
cursor: pointer;
|
float: left;
|
z-index: 17 !important;
|
}
|
|
.jimu-widget-LeftNavigationBar .left-navigation-bar-but img {
|
width: 20px;
|
}
|
|
.jimu-widget-LeftNavigationBar .left-navigation-bar-main {
|
position: relative;
|
width: 100%;
|
height: 100%;
|
padding: 10px;
|
/* border: 1px saddlebrown solid; */
|
}
|
|
.jimu-widget-LeftNavigationBar #test1 {
|
margin-top: 20px;
|
}
|
|
.jimu-widget-LeftNavigationBar .left-navigation-bar-main .l-n-b-m-search {
|
position: absolute;
|
top: 16px;
|
width: calc(100% - 20px);
|
height: 40px;
|
/* padding: 10px; */
|
border: 1px rgba(0, 0, 0, .2) solid;
|
border-radius: 5px;
|
display: flex;
|
align-items: center;
|
justify-content: center;
|
}
|
|
.jimu-widget-LeftNavigationBar .left-navigation-bar-main .l-n-b-m-search input {
|
border: none;
|
width: calc(90% - 50px);
|
height: 30px;
|
}
|
|
.jimu-widget-LeftNavigationBar .left-navigation-bar-main .l-n-b-m-search img {
|
width: 35px;
|
cursor: pointer;
|
z-index: 18;
|
}
|
|
.jimu-widget-LeftNavigationBar .left-navigation-bar-main .l-n-b-m-search input::-webkit-input-placeholder {
|
color: #afafaf;
|
font-size: 14px;
|
}
|
|
.jimu-widget-LeftNavigationBar .left-navigation-bar-main .l-n-b-m-search input::-moz-placeholder {
|
/* Mozilla Firefox 19+ */
|
color: #afafaf;
|
font-size: 14px;
|
}
|
|
.jimu-widget-LeftNavigationBar .left-navigation-bar-main .l-n-b-m-search input:-moz-placeholder {
|
/* Mozilla Firefox 4 to 18 */
|
color: #afafaf;
|
font-size: 14px;
|
}
|
|
.jimu-widget-LeftNavigationBar .left-navigation-bar-main .l-n-b-m-search input::-ms-input-placeholder {
|
color: #afafaf;
|
font-size: 14px;
|
}
|
|
.jimu-widget-LeftNavigationBar .left-navigation-bar-main #left-tree-list {
|
position: absolute;
|
top: 72px;
|
width: calc(100% - 20px);
|
height: calc(100% - 82px);
|
overflow-y: auto;
|
overflow-x: hidden;
|
}
|
|
|
|
.jimu-widget-LeftNavigationBar .left-navigation-bar-main #test1 {
|
height: calc(100% - 58px);
|
overflow: auto;
|
}
|
|
.jimu-widget-LeftNavigationBar .left-navigation-bar-main .layui-tree-entry {
|
height: auto !important;
|
}
|
|
|
.left-navigation-bar-main-down:after {
|
content: "";
|
position: absolute;
|
left: 4px;
|
top: 3px;
|
z-index: 100;
|
width: 0;
|
height: 0;
|
border-width: 5px;
|
border-style: solid;
|
border-color: transparent transparent transparent #c0c4cc;
|
/* border-color: #c0c4cc transparent transparent transparent; */
|
transform: rotate(90deg);
|
transition: .5s;
|
}
|
|
.left-navigation-bar-main-current {
|
background-color: #2ab9ec
|
}
|
|
.layui-form-checked[lay-skin=primary] i{
|
background-color: #36A0FD !important;
|
}
|
.layui-tree-spread .layui-tree-iconArrow:after{
|
border-color: #c0c4cc transparent transparent transparent !important;
|
}
|
|
.jimu-widget-LeftNavigationBar .layui-tree-main {
|
width: calc(100% - 22px);
|
padding: 0;
|
}
|
|
.jimu-widget-LeftNavigationBar .layui-tree-txt {
|
width: calc(100% - 48px);
|
overflow: hidden;
|
text-overflow:ellipsis;
|
white-space: nowrap;
|
}
|
|
.jimu-widget-LeftNavigationBar .layui-btn-group {
|
visibility: visible;
|
}
|
|
.jimu-widget-LeftNavigationBar .layui-btn-group .layui-icon {
|
margin-top: 4px;
|
width: 20px;
|
height: 20px;
|
|
background: url(../../../images/工具(用以切换图层的透明度).png) no-repeat;
|
}
|
|
.jimu-widget-LeftNavigationBar .layui-btn-group .layui-icon:before {
|
content: "";
|
}
|