2021-11-12

king

2021-11-12 0c84df247914f893ef5e41d57a422e10a2dc814c

 src/templates/sharecomponent/columncomponent/index.scss

@@ -1,6 +1,7 @@
.model-table-column-list {
  position: relative;
  padding: 0px 20px 100px;

  .ant-switch {
    position: absolute;
    right: 20px;
@@ -9,7 +10,7 @@
  .column-copy {
    position: absolute;
    font-size: 16px;
    right: 75px;
    right: 85px;
    top: -7px;
    color: #26C281;
  }
@@ -20,6 +21,8 @@
    border: 1px solid #e8e8e8;
    .column-box {
      display: flex;
      overflow: hidden;
      text-overflow: ellipsis;
    }
    .column-box:not(:first-child) {
      border-top: 1px solid #e8e8e8;
@@ -34,6 +37,7 @@
        height: 100%;
        .ant-table-column-sorters {
          padding: 0px 8px 12px;
          // white-space: nowrap;
        }
        .ant-table-column-fields {
          padding: 0px 8px 5px;
@@ -56,30 +60,39 @@
          top: 3px;
        }
      }
      .edit {
        position: absolute;
        left: 0;
        top: 0px;
        color: #1890ff;
        cursor: pointer;
        display: none;
      }
      .edit.close {
        left: 20px;
        color: #ff4d4f;
      }
      .ant-checkbox-inner {
        margin-top: 14px;
        margin-left: calc(50% - 8px);
      }
    }
    .page-card:hover {
      .edit {
        display: inline-block;
      }
    }
    .page-card:not(:last-child) {
      border-right: 1px solid #e8e8e8;
    }
  }
}

.model-table-column-mark-modal {
  .ant-modal {
    top: 50px;
    padding-bottom: 5px;
    .ant-modal-body {
      max-height: calc(100vh - 190px);
      min-height: 350px;
      overflow-y: auto;
    }
    .ant-modal-body::-webkit-scrollbar {
      width: 7px;
    }
    .ant-modal-body::-webkit-scrollbar-thumb {
      border-radius: 5px;
      box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.13);
      background: rgba(0, 0, 0, 0.13);
    }
    .ant-modal-body::-webkit-scrollbar-track {
      box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.05);
      border-radius: 3px;
      border: 1px solid rgba(0, 0, 0, 0.07);
      background: rgba(0, 0, 0, 0);
    }
  }
}