.tree-page {
|
position: relative;
|
min-height: calc(100vh - 94px);
|
padding: 16px 16px 80px;
|
.box404 {
|
padding-top: 30px;
|
}
|
.ant-modal-mask {
|
position: absolute;
|
}
|
.ant-modal-wrap {
|
position: absolute;
|
}
|
.action-modal .ant-modal {
|
top: 40px;
|
max-width: 95%;
|
.ant-modal-body {
|
max-height: calc(100vh - 265px);
|
}
|
}
|
> .ant-spin {
|
position: absolute;
|
z-index: 10;
|
left: calc(50% - 22px);
|
top: calc(50vh - 70px);
|
}
|
> .ant-row {
|
> .ant-col:last-child {
|
> .ant-tabs:first-child {
|
padding-top: 6px;
|
}
|
}
|
}
|
.tree-card {
|
min-height: calc(100vh - 125px);
|
box-shadow: 0px 0px 2px #dddddd;
|
|
.ant-card-head {
|
padding: 0 10px;
|
.ant-card-head-title {
|
padding: 13px 0 7px;
|
font-size: 14px;
|
.tree-title {
|
display: inline-block;
|
width: 100%;
|
color: #1890ff;
|
.ant-input-affix-wrapper {
|
display: inline-block;
|
width: 62%;
|
margin-top: 0px;
|
height: 28px;
|
text-align: right;
|
vertical-align: top;
|
|
.ant-input {
|
width: 100%;
|
border-radius: 20px;
|
height: 28px;
|
text-align: left;
|
}
|
.ant-input-clear-icon {
|
display: none;
|
}
|
}
|
.ant-input-affix-wrapper:hover {
|
.ant-input-clear-icon {
|
display: inline-block;
|
}
|
}
|
|
.title {
|
width: 38%;
|
display: inline-block;
|
overflow: hidden;
|
text-overflow: ellipsis;
|
white-space: nowrap;
|
}
|
}
|
}
|
}
|
>.ant-card-body {
|
padding: 0px;
|
.ant-menu-inline {
|
border-right: 0;
|
margin-top: 2px;
|
}
|
|
.tree-box {
|
min-height: calc(100vh - 180px);
|
overflow-x: auto;
|
padding-bottom: 20px;
|
|
.ant-tree-node-content-wrapper-close > span > span > .anticon-folder-open {
|
display: none;
|
}
|
.ant-tree-node-content-wrapper-open > span > span > .anticon-folder {
|
display: none;
|
}
|
}
|
.tree-box::-webkit-scrollbar {
|
height: 10px;
|
}
|
.tree-box::-webkit-scrollbar-thumb {
|
border-radius: 5px;
|
box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.13);
|
background: rgba(0, 0, 0, 0.13);
|
}
|
.tree-box::-webkit-scrollbar-track {/*滚动条里面轨道*/
|
box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.05);
|
border-radius: 3px;
|
border: 1px solid rgba(0, 0, 0, 0.07);
|
background: rgba(0, 0, 0, 0);
|
}
|
.ant-tree-node-selected
|
.ant-tree.ant-tree-directory > li span.ant-tree-node-content-wrapper::before,
|
.ant-tree.ant-tree-directory .ant-tree-child-tree > li span.ant-tree-node-content-wrapper::before {
|
right: 0px;
|
}
|
|
>.ant-spin {
|
margin: 10px;
|
}
|
}
|
}
|
|
.ant-tabs {
|
.ant-tabs-tab:not(.ant-tabs-tab-active) {
|
cursor: pointer;
|
}
|
.ant-tabs-tab.ant-tabs-tab-active {
|
cursor: default;
|
}
|
}
|
.tree-page-copy {
|
position: fixed;
|
z-index: 2;
|
bottom: 65px;
|
right: 30px;
|
width: 40px;
|
height: 40px;
|
}
|
}
|
.tree-page.bg-gray {
|
background: #f0f2f5;
|
.ant-tabs {
|
background: #ffffff;
|
padding: 0px 5px 5px;
|
margin-bottom: 20px;
|
}
|
}
|
|
.common-table-custom-modal {
|
.ant-modal {
|
top: 50px;
|
padding-bottom: 5px;
|
.ant-modal-body {
|
max-height: calc(100vh - 190px);
|
min-height: 250px;
|
overflow-y: auto;
|
.ant-empty {
|
margin: 15vh 8px;
|
}
|
}
|
.ant-modal-body::-webkit-scrollbar {
|
width: 7px;
|
}
|
.ant-modal-body::-webkit-scrollbar-thumb {
|
border-radius: 5px;
|
box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.13);
|
background: rgba(0, 0, 0, 0.13);
|
}
|
.ant-modal-body::-webkit-scrollbar-track {
|
box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.05);
|
border-radius: 3px;
|
border: 1px solid rgba(0, 0, 0, 0.07);
|
background: rgba(0, 0, 0, 0);
|
}
|
}
|
}
|