2024-04-29

king

2024-04-29 50b49c1b760489c3430fc382656d57c5fbbab07c

 src/tabviews/custom/components/group/normal-group/index.scss

@@ -13,11 +13,28 @@
      text-decoration: inherit;
      font-weight: inherit;
      font-style: inherit;
      font-family: inherit;
      float: left;
      line-height: inherit;
      margin-left: 10px;
      position: relative;
      z-index: 1;
    }
  }

  .mk-control {
    display: none;
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: 2;
    background: #ffffff;
    box-shadow: 0px 0px 2px #d8d8d8;
    transition: all 0.2s;

    .anticon {
      padding: 5px;
      cursor: pointer;
    }
  }
}
@@ -37,4 +54,90 @@
      width: 5%;
    }
  }
}

.mk-merge-able {
  transition: all 0.2s;

  .normal-group-wrap {
    position: relative;
    transition: all 0.2s;
  }
  .mk-control {
    display: inline-block;

    .anticon-double-left {
      display: inline-block;
    }
    .anticon-double-right {
      display: none;
    }
  }
}

.mk-merge-able.close {
  width: 25px;
  .normal-group-wrap {
    width: 0px;
    margin: 0px!important;
    border-width: 0px!important;
    box-shadow: none!important;
  }
  .mk-control {
    display: inline-block;
    right: -24px;

    .anticon-double-left {
      display: none;
    }
    .anticon-double-right {
      display: inline-block;
    }
  }
}

.mk-merge-able + .ant-col,
.mk-merge-able + .ant-col + .ant-col,
.mk-merge-able + .ant-col + .ant-col + .ant-col,
.mk-merge-able + .ant-col + .ant-col + .ant-col + .ant-col,
.mk-merge-able + .ant-col + .ant-col + .ant-col + .ant-col + .ant-col {
  transition: all 0.2s;
}

.mk-merge-able.close + .ant-col {
  width: calc(100% - 25px);
}

.mk-merge-able.close.mk-ctrl-2 + .ant-col + .ant-col {
  width: calc(100% - 25px);
}

.mk-merge-able.close.mk-ctrl-3 + .ant-col + .ant-col {
  width: calc(100% - 25px);
}
.mk-merge-able.close.mk-ctrl-3 + .ant-col + .ant-col + .ant-col {
  width: calc(100% - 25px);
}

.mk-merge-able.close.mk-ctrl-4 + .ant-col + .ant-col {
  width: calc(100% - 25px);
}
.mk-merge-able.close.mk-ctrl-4 + .ant-col + .ant-col + .ant-col {
  width: calc(100% - 25px);
}
.mk-merge-able.close.mk-ctrl-4 + .ant-col + .ant-col + .ant-col + .ant-col {
  width: calc(100% - 25px);
}

.mk-merge-able.close.mk-ctrl-5 + .ant-col + .ant-col {
  width: calc(100% - 25px);
}
.mk-merge-able.close.mk-ctrl-5 + .ant-col + .ant-col + .ant-col {
  width: calc(100% - 25px);
}
.mk-merge-able.close.mk-ctrl-5 + .ant-col + .ant-col + .ant-col + .ant-col {
  width: calc(100% - 25px);
}
.mk-merge-able.close.mk-ctrl-5 + .ant-col + .ant-col + .ant-col + .ant-col + .ant-col {
  width: calc(100% - 25px);
}