yonui-ys/lib/components/Tree/index.less

yonui ys

.u-tree {
  li {
    a:hover {
      background-color: #edf1f7;
    }
    a.u-tree-node-content-wrapper {
      // width: calc(~'100% - 25px')!important;
      padding: 0;
      color: @custom-color;

      .u-tree-title {
        display: inline-block;
        vertical-align: middle;
        height: 24px;
        line-height: 24px;
        padding: 0 8px;
        border-radius: 4px;
        margin: 0;
        i.out{
          font-style: normal;
          i.high-light{
            color: @high-light-color;
            font-style: normal;
          };
        }
        li{
          position: relative;
          // padding: 0px 10px;
          // margin-left: 5px;
          margin: 0;
          i.out{
            font-style: normal;
            i.high-light{
              color: @high-light-color;
              font-style: normal;
            };
          }
          span{
            position: absolute;
            right: 0px;
            height: 100%;
            .table-list-btn{
              padding: 0px 4px;
              display: block;
              color: #666;
              &:hover{
                color: #588ce9;
              }
            }
          }
        }
        .node-sign{
          left: -10px;
          top: 10px;
          width: 4px;
          height: 4px;
          display: in;
          margin-left: 2px;
          border-radius: 50%;
        }
        .node-blue{
          background: #588CE9;
        }
        .node-warning{
          background: #FFA600;
        }
      }

      & .u-tree-title:hover {
        background: #edf1f7;
      }

      &.u-tree-node-selected {
        .u-tree-title {
          background: #fdf2dc;
          color: @custom-color;
        }
      }

    }

    &.u-tree-treenode-focused > a {
      background-color: transparent !important;
    }
  }

  >li:last-child {
    padding-bottom: 7px;
  }

  >li:first-child {
    padding-top: 7px;
  }
  // li.u-tree-treenode-focused{
  //   background-color: #eff1f7;
  // }
}
.form-left.Manual-calculation-left .bg-white.border-r,
.referModal.TreeTable.u-modal .u-modal-body .leftPanel {
  border-right: 1px solid #ebebeb;

  .search-tree-3 {
    overflow: auto;

    .u-tree {
      padding: 8px 20px;
      min-width: 238px;
      overflow-x: hidden;
    }
  }
}


.referModal.TreeTable.u-modal .u-modal-body .leftPanel .u-tree li a.u-tree-node-content-wrapper {
  height: 24px;
  line-height: 24px;
}


.uretail-pop .u-popover-content {
  .u-tree {
    max-height: 224px;
    overflow: auto;
    &::-webkit-scrollbar {
      width: 0;
    }
  }

  .filter-btn-1 {
    line-height: @base-input-height - 2;
    border-top: 1px solid #dcdcdc;
    padding: 5px 0 0 10px;
    margin-top: 5px;

    .u-button {
      margin-right: 10px;
      height: @base-input-height - 2;
      line-height: @base-input-height - 2;
      min-width: 52px;
      padding: 0 12px;

    }
  }
}

.uretail-pop .u-tree li {
  padding: 0;
}

.org-cite .treebox .u-tree {
  padding: 0;
  border: 1px solid #eee;
  font-size: 12px;
  margin: 10px 0;
  padding-left: 8px;
  overflow: auto;
  height: 300px;
}

.u-tree li span.u-tree-switcher {
  text-align: center;
  width: 14px;
  height: 14px;
  line-height: 16px;
}
.u-tree li span.u-tree-switcher-disabled {
  cursor: not-allowed;
}
.u-tree li {
  margin: 0;
  padding: 2px 0; // fix: 组织单元，编辑，左树节点间距
}
// fix: 树组织参照，收起展开和文字的间距
.scroll_box .u-tree li span.u-tree-switcher {
  margin-right:8px;
}

.u-tree .u-tree-checkbox-checked .u-tree-checkbox-inner:after {
  top: 2px;
}

// 添加复选框的树的宽度限制
.search-tree-3 {
  &.checkable-tree {
    .u-tree li a.u-tree-node-content-wrapper {
      width: calc(~"100% - 42px") !important;
    }
  }

  .u-tree li a.u-tree-node-content-wrapper{
    width: calc(~"100% - 16px") !important;
  }
}

// 劳动合同签订（TODO：移至人力项目扩展）
.hrcloud-contract {
  .container-browse-mode > .jDiwork-container > div {
    height: 100%;
    .card-tabs {
      height: 100%;

      & > .ys-tabs {
        height: 100%;

        & > .u-tabs-content {
          height: calc(~'100% - 40px');
        }

        div[id$='|tabs_hrht_contract_sign_staff_list'] {
          height: 100%;
        }
      }
    }

    .form-left.Manual-calculation-left .bg-white.border-r .search-tree-3 {
      height: calc(~'100% - 60px');
    }
  }
}