king
2024-10-30 c96108bd84050feb01b47db3f5cae96670fda435
src/tabviews/custom/components/tree/antd-tree/index.scss
@@ -5,6 +5,7 @@
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 50px;
  --mk-tree-line-height: 24px;
  .tree-header {
    position: relative;
@@ -18,11 +19,16 @@
      text-decoration: inherit;
      font-weight: inherit;
      font-style: inherit;
      font-family: inherit;
      float: left;
      line-height: 45px;
      margin-left: 10px;
      position: relative;
      z-index: 1;
    }
    .title.search-unable {
      display: block;
      float: none;
    }
    .ant-input-search.ant-input-affix-wrapper {
      width: 50%;
@@ -40,6 +46,39 @@
      }
    }
  }
  .ant-tree-title {
    .button-list.toolbar-button {
      position: absolute;
      right: 0px;
      top: 0px;
      padding: 0px;
      min-height: 24px;
      height: var(--mk-tree-line-height);
      button {
        min-width: 20px;
        margin-bottom: 0px !important;
        min-height: 24px;
        border-width: 0px;
        vertical-align: middle;
      }
    }
  }
  .ant-tree-node-content-wrapper {
    .button-list.toolbar-button {
      opacity: 0;
      transition: all 0.3s;
    }
  }
  .ant-tree-node-content-wrapper:hover {
    .button-list.toolbar-button {
      opacity: 1;
    }
  }
  .ant-tree li .ant-tree-node-content-wrapper, .ant-tree li span.ant-tree-switcher, .ant-tree li span.ant-tree-iconEle {
    height: var(--mk-tree-line-height);
    line-height: var(--mk-tree-line-height);
  }
  .tree-box {
    overflow: auto;
    padding-bottom: 10px;
@@ -49,6 +88,17 @@
    }
    .ant-tree-node-content-wrapper-open > span > span > .anticon-folder {
      display: none;
    }
    .ant-tree-node-content-wrapper {
      position: relative;
      .anticon-more {
        position: absolute;
        right: 0px;
        padding: 5px 10px;
        color: var(--mk-sys-color);
        height: var(--mk-tree-line-height);
        line-height: var(--mk-tree-line-height);
      }
    }
  }
@@ -76,7 +126,8 @@
    }
  }
  .tree-header + .ant-empty {
    margin-top: 35px;
    position: static;
    margin-top: 20px;
  }
  .loading-mask {
    position: absolute;
@@ -99,3 +150,26 @@
    }
  }
}
.mk-tree-dropdown-wrap {
  box-shadow: 0 0 2px #bcbcbc;
  background: #ffffff;
  min-width: 100px;
  .button-list.toolbar-button {
    padding: 0px;
    min-height: 36px;
    button {
      display: block;
      margin: 0!important;
      width: 100%;
      border-radius: 0px;
      border: 0px !important;
      // color: rgba(0, 0, 0, 0.85)!important;
      // background: transparent !important;
      min-height: 36px;
    }
    button:not(:last-child) {
      border-bottom: 1px solid #d8d8d8 !important;
    }
  }
}