@zpc_npm/vue-iclient-common/layermanager/style/layerManager.css

KQGIS iClient for Vue.js

.layer-manager{width:312px;height:100%;border-radius:var(--kq-border-radius-base);border:var(--kq-border-width) var(--kq-border-style) var(--kq-bg-color);padding:var(--kq-box-padding);padding-top:5px;-webkit-box-shadow:var(--kq-box-shadow);box-shadow:var(--kq-box-shadow);background-color:var(--kq-bg-color);pointer-events:auto}.layer-manager .kq-tabs__header{margin-bottom:5px}.layer-manager .layer-tree_child{width:100%;height:100%;padding:0;border:0;-webkit-box-shadow:none;box-shadow:none}.layer-manager .tabs_child{height:calc(100% - 44px)}.layer-manager .tabs_child .scrollbar-class{height:100%}.layer-manager .tabs_child .layer-list_ul{height:100%;margin-top:0;margin-bottom:0;border-right:none}.layer-manager .tabs_child .layer-list_ul li{position:relative;height:32px;line-height:32px;list-style-type:none;border-bottom:var(--kq-border-width) var(--kq-border-style) var(--kq-border-color);padding-right:0;padding-left:5px!important;overflow:hidden}.layer-manager .tabs_child .layer-list_ul li span{text-indent:9px;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap}.layer-manager .tabs_child .layer-list_ul li .tile-class{width:calc(100% - 87px)}.layer-manager .tabs_child .layer-list_ul li:hover .more-icon{display:block}.layer-manager .tabs_child .layer-list_ul li .more-icon{display:none;margin-right:24px}.layer-manager .tabs_child .layer-list_ul li .tree-node_span{width:100%;height:100%}.layer-manager .tabs_child .layer-list_ul li .tree-node_span .tile{height:100%;display:inline-block;vertical-align:middle;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;width:calc(100% - 60px)}.layer-manager .tabs_child .layer-list_ul li .tree-node_icon{margin-right:6px;position:relative;font-size:16px;height:100%}.layer-manager .tabs_child .tree-menu2{width:40px;background-color:var(--kq-bg-color);-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-shadow:var(--kq-box-shadow);box-shadow:var(--kq-box-shadow);text-align:left;position:fixed;z-index:9999999;border-right:none}.layer-manager .tabs_child .tree-menu2 .kq-divider--horizontal{width:94%;margin:auto}.layer-manager .tabs_child .tree-menu2 .kq-menu-item,.layer-manager .tabs_child .tree-menu2 .kq-submenu__title{height:33px;line-height:33px;padding-left:8px!important}.layer-manager .tabs_child .tree-menu2 :deep(.kq-menu-item){padding:0 7px!important;-webkit-box-sizing:border-box;box-sizing:border-box}.layer-manager .tabs_child .tree-menu2 .kq-menu{border-radius:4px}.layer-manager .tabs_child .tree-menu2 .layer-top{-webkit-transform:scaleY(-1)}.layer-manager .to-top-class{width:35px;height:35px;position:absolute;background:#0ba1f4;color:#fff;top:-17px;right:-17px;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.layer-manager .to-top-class span{position:absolute;bottom:0;display:block;font-size:10px;height:24px;width:33px;text-align:center}