king
2020-06-12 89e7167a83e0d8409ca87698e4c08651a37cc26e
src/tabviews/zshare/actionList/printbutton/index.scss
@@ -1,228 +1,10 @@
.card-row-box {
  min-height: 50px;
  padding: 0px 10px;
  margin-bottom: 15px;
  .chart-card-box {
    padding: 0 10px;
    .anticon {
      margin-right: 0px;
    }
.mk-btn-wrap {
  display: inline-block;
  .action-cell {
    border: 0;
    background: transparent !important;
  }
  > .chart-card-box {
    margin-bottom: 20px;
  }
  .chart-card-box:not(.ant-col) {
    display: inline-block;
    margin-bottom: 20px;
  }
  >.ant-tabs {
    .ant-tabs-bar {
      border: 0;
      margin: 0;
      .ant-tabs-nav-scroll {
        .ant-tabs-tab {
          margin: 0;
          padding: 12px 5px;
          cursor: default;
          .chart-card-box:not(.ant-col) {
            margin-bottom: 0px;
          }
        }
      }
    }
  }
  .ant-empty {
    .ant-empty-image {
      height: 60px;
    }
  }
  .loading-mask {
    position: absolute;
    left: 20px;
    top: 0;
    right: 20px;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: justify;
    z-index: 1;
    .ant-spin-blur {
      position: absolute;
      width: 100%;
      height: 100%;
      opacity: 0.5;
      background: #ffffff;
    }
  }
  .ant-card.chart-card {
    transition: all 0.3s;
    .ant-card-head {
      min-height: 40px;
      line-height: 2;
      .ant-card-head-title {
        font-weight: 500;
      }
      .ant-card-extra {
        color: #1890ff;
        .action-cell {
          cursor: pointer;
        }
      }
    }
    .ant-card-actions {
      height: 48px;
    }
  }
  .ant-card.chart-card:not(.ant-card-bordered) {
    .ant-card-head {
      border-bottom: 0;
    }
    .ant-card-actions {
      border-top: 0;
    }
  }
  .ant-card.chart-card.chart-card-selected {
    border: 1px solid #1890ff;
    box-shadow: 0px 0px 8px #c4ebfd;
  }
  .ant-card.chart-card .ant-card-body {
    padding: 0px;
    zoom: 1;
    .ant-card-meta.switch {
      cursor: pointer;
    }
    .ant-card-meta {
      margin: 0px;
      padding: 20px;
      position: relative;
      white-space: normal;
      .ant-card-meta-avatar {
        padding-top: 0px;
        padding-left: 0px;
      }
      .ant-avatar-image {
        box-sizing: border-box;
        margin: 0;
        padding: 0;
        font-variant: tabular-nums;
        line-height: 1.5;
        list-style: none;
        font-feature-settings: 'tnum';
        position: relative;
        display: inline-block;
        overflow: hidden;
        color: #fff;
        white-space: nowrap;
        text-align: center;
        vertical-align: middle;
        border-radius: 50%;
        img {
          width: 100%;
        }
        .font {
          background: transparent;
        }
      }
      .ant-card-meta-title {
        font-size: 14px;
      }
      .ant-card-meta-detail > div {
        height: 23px;
        vertical-align: top;
      }
      .ant-card-meta-detail > div:not(:last-child) {
        margin-bottom: 2px;
      }
      .helf {
        display: inline-block;
        width: 50%;
      }
      .third {
        display: inline-block;
        width: 33.3%;
      }
      .align-center {
        text-align: center;
      }
      .align-right {
        text-align: right;
      }
    }
  }
  .chart-title {
    margin-bottom: 10px;
    margin-left: 0px;
    margin-right: 0px;
  }
  .ant-card.chart-card {
    .ant-card-actions {
      li {
        color: rgba(0, 0, 0, 0.45);
        span {
          overflow: hidden;
          word-break: break-word;
          white-space: nowrap;
          text-overflow: ellipsis;
        }
        .anticon {
          width: unset;
          margin-right: 3px;
          color: rgba(0, 0, 0, 0.45);
        }
      }
      li:hover {
        color: #1890ff;
        .anticon {
          color: #1890ff;
        }
      }
    }
  }
  .ant-card.chart-card.background {
    .ant-card-meta-title {
      color: unset;
    }
    .ant-card-meta-description {
      color: unset;
    }
    .ant-card-head {
      color: unset;
      .ant-card-head-title {
        color: unset;
      }
    }
    .ant-card-actions {
      background: transparent;
      li {
        white-space: nowrap;
        color: unset;
        .anticon {
          color: unset;
        }
      }
    }
  }
  .clear {
    clear: both;
  .action-cell[ant-click-animating-without-extra-node="true"]::after {
    display: none!important;
  }
}