2023-11-30

king

2023-11-30 a6be5cfd9c6fb084af584b77f79100fe32b385c1

 src/tabviews/custom/components/card/cardcellList/index.scss

@@ -0,0 +1,433 @@

.card-cell-list {
  position: relative;
  line-height: 1.5;
  
  .ant-btn {
    padding: 0;
  }
  .file-image {
    max-height: 100%;
    vertical-align: top;
    margin-right: 2px;
  }
  .ant-typography {
    margin: 0;
    padding: 0;
    font-style: inherit;
    font-weight: inherit;
    text-decoration: inherit;
    color: inherit;
    .anticon-copy {
      color: var(--mk-sys-color);
    }
  }
  .ant-mk-text {
    font-style: inherit;
    font-weight: inherit;
    text-decoration: inherit;
    .sequence-wrap {
      display: inline-block;
      width: 21px;
      height: 21px;
      line-height: 21px;
      white-space: nowrap;
      border-radius: 50%;
      overflow: visible;
      text-align: center;
    }
    span {
      text-indent: 0px;
      font-style: inherit;
      font-weight: inherit;
      text-decoration: inherit;
    }
  }
  .ant-mk-text:not(.line1):not(.line) {
    word-break: break-word;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  .line1 {
    overflow: hidden;
    word-break: break-word;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  .line2 {
    -webkit-line-clamp: 2;
  }
  .line3 {
    -webkit-line-clamp: 3;
  }
  .line4 {
    -webkit-line-clamp: 4;
  }
  .line5 {
    -webkit-line-clamp: 5;
  }
  .line6 {
    -webkit-line-clamp: 6;
  }
  .line7 {
    -webkit-line-clamp: 7;
  }
  .line8 {
    -webkit-line-clamp: 8;
  }
  .line9 {
    -webkit-line-clamp: 9;
  }
  .line10 {
    -webkit-line-clamp: 10;
  }
  .ant-col:not(.mk-cell-btn) > div {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .mk-cell-btn {
    min-height: 0px;
    > div {width: 100%;max-width: 100%;}
    button:not(.ant-switch) {
      width: 100%;
      max-width: 100%;
      height: auto;
      min-height: 28px;
      padding: 0;
      overflow: hidden;
    }
    .ant-checkbox-wrapper:not(.square) {
      .ant-checkbox-inner, .ant-checkbox-checked::after {
        border-radius: 15px;
      }
    }
    .ant-checkbox-inner {
      border-color: #b8b8b8;
    }
  }
  .ant-mk-slider {
    box-sizing: border-box;
    margin: 0;
    color: rgba(0, 0, 0, 0.65);
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5;
    list-style: none;
    font-feature-settings: 'tnum', "tnum";
    position: relative;
    height: 12px;
    padding: 3px 0;
    touch-action: none;

    .ant-mk-slider-track {
      height: 7px;
      position: absolute;
      background-color: #91d5ff;
      border-radius: 4px;
      transition: background-color 0.3s;
    }
    .ant-mk-slider-rail {
      height: 7px;
      position: absolute;
      width: 100%;
      background-color: #f5f5f5;
      border-radius: 2px;
      transition: background-color 0.3s;
    }
    .ant-mk-slider-handle {
      position: absolute;
      width: 14px;
      height: 14px;
      margin-top: -4px;
      margin-left: -7px;
      background-color: #fff;
      border: solid 2px #91d5ff;
      border-radius: 50%;
      transition: border-color 0.3s, box-shadow 0.6s, transform 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.28), -webkit-box-shadow 0.6s, -webkit-transform 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.28);
    }
  }
  .ant-mk-splitline {
    border-top: 1px solid;
    border-bottom: 0;
    border-left: 0;
    border-right: 0;
  }
  .ant-mk-check {
    white-space: nowrap;
    overflow: hidden;
    word-break: break-word;
    text-overflow: ellipsis;
    font-style: inherit;
    .ant-checkbox-wrapper {
      font-weight: inherit;
      font-size: inherit;
      font-style: inherit;
      color: inherit;
      span {
        font-weight: inherit;
      }
    }
  }
  .ant-mk-icon {
    vertical-align: top;
    line-height: inherit;
  }
  .ant-mk-color {
    overflow: hidden;
  }
  .ant-switch-large {
    min-width: 60px;
    height: 30px;
    line-height: 28px;

    .ant-switch-inner {
      margin-right: 5px;
      margin-left: 30px;
      font-size: 16px;
    }
  }
  .ant-switch-large.ant-switch-checked {
    .ant-switch-inner {
      margin-right: 30px;
      margin-left: 5px;
    }
  }
  .ant-switch-large::after {
    width: 26px;
    height: 26px;
  }

  .ant-col {
    min-height: 0px;
  }
  .ant-col[class*="x"] {
    float: left;
    box-sizing: border-box;
  }
  >.ant-col-0x {
    width: 2.08333333%;
  }
  >.ant-col-1x {
    width: 6.25%;
  }
  >.ant-col-2x {
    width: 10.41666667%;
  }
  >.ant-col-3x {
    width: 14.58333333%;
  }
  >.ant-col-4x {
    width: 18.75%;
  }
  >.ant-col-5x {
    width: 22.91666667%;
  }
  >.ant-col-6x {
    width: 27.08333333%;
  }
  >.ant-col-7x {
    width: 31.25%;
  }
  >.ant-col-8x {
    width: 35.41666667%;
  }
  >.ant-col-9x {
    width: 39.58333333%;
  }
  >.ant-col-10x {
    width: 43.75%;
  }
  >.ant-col-11x {
    width: 47.91666667%;
  }
  >.ant-col-12x {
    width: 52.08333333%;
  }
  >.ant-col-13x {
    width: 56.25%;
  }
  >.ant-col-14x {
    width: 60.41666667%;
  }
  >.ant-col-15x {
    width: 64.58333333%;
  }
  >.ant-col-16x {
    width: 68.75%;
  }
  >.ant-col-17x {
    width: 72.91666667%;
  }
  >.ant-col-18x {
    width: 77.08333333%;
  }
  >.ant-col-19x {
    width: 81.25%;
  }
  >.ant-col-20x {
    width: 85.41666667%;
  }
  >.ant-col-21x {
    width: 89.58333333%;
  }
  >.ant-col-22x {
    width: 93.75%;
  }
  >.ant-col-23x {
    width: 97.91666667%;
  }
}
.card-cell-list::after {
  content: ' ';
  display: block;
  clear: both;
}
.card-cell-list.mk-flex {
  display: flex;
  >.ant-col-1 {
    flex: 1;
  }
  >.ant-col-2 {
    flex: 2;
  }
  >.ant-col-3 {
    flex: 3;
  }
  >.ant-col-4 {
    flex: 4;
  }
  >.ant-col-5 {
    flex: 5;
  }
  >.ant-col-6 {
    flex: 6;
  }
  >.ant-col-7 {
    flex: 7;
  }
  >.ant-col-8 {
    flex: 8;
  }
  >.ant-col-9 {
    flex: 9;
  }
  >.ant-col-10 {
    flex: 10;
  }
  >.ant-col-11 {
    flex: 11;
  }
  >.ant-col-12 {
    flex: 12;
  }
  >.ant-col-13 {
    flex: 13;
  }
  >.ant-col-14 {
    flex: 14;
  }
  >.ant-col-15 {
    flex: 15;
  }
  >.ant-col-16 {
    flex: 16;
  }
  >.ant-col-17 {
    flex: 17;
  }
  >.ant-col-18 {
    flex: 18;
  }
  >.ant-col-19 {
    flex: 19;
  }
  >.ant-col-20 {
    flex: 20;
  }
  >.ant-col-21 {
    flex: 21;
  }
  >.ant-col-22 {
    flex: 22;
  }
  >.ant-col-23 {
    flex: 23;
  }
  >.ant-col-24 {
    flex: 24;
  }
  >.ant-col-0x {
    flex: 0.5;
  }
  >.ant-col-1x {
    flex: 1.5;
  }
  >.ant-col-2x {
    flex: 2.5;
  }
  >.ant-col-3x {
    flex: 3.5;
  }
  >.ant-col-4x {
    flex: 4.5;
  }
  >.ant-col-5x {
    flex: 5.5;
  }
  >.ant-col-6x {
    flex: 6.5;
  }
  >.ant-col-7x {
    flex: 7.5;
  }
  >.ant-col-8x {
    flex: 8.5;
  }
  >.ant-col-9x {
    flex: 9.5;
  }
  >.ant-col-10x {
    flex: 10.5;
  }
  >.ant-col-11x {
    flex: 11.5;
  }
  >.ant-col-12x {
    flex: 12.5;
  }
  >.ant-col-13x {
    flex: 13.5;
  }
  >.ant-col-14x {
    flex: 14.5;
  }
  >.ant-col-15x {
    flex: 15.5;
  }
  >.ant-col-16x {
    flex: 16.5;
  }
  >.ant-col-17x {
    flex: 17.5;
  }
  >.ant-col-18x {
    flex: 18.5;
  }
  >.ant-col-19x {
    flex: 19.5;
  }
  >.ant-col-20x {
    flex: 20.5;
  }
  >.ant-col-21x {
    flex: 21.5;
  }
  >.ant-col-22x {
    flex: 22.5;
  }
  >.ant-col-23x {
    flex: 23.5;
  }
}