TableView.less 2.1 KB
Newer Older
涂伟's avatar
涂伟 committed
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120
.content {
  height: 620px;
  display: flex;

  >div {
    width: 100%;
  }

  .subContent {
    width: 25%;
    padding: 8px;
    margin-left: 10px;
    border-left: 3px solid gainsboro;

    .subArea,
    .exceptionArea {
      height: 100%;

      .subTitle {
        background: #E6F3FF;
        color: #2495FF;
        padding: 4px 2px;
        border-radius: 8px;
        padding-left: 4px;
        border: 1px solid #C0DFFC;
      }

      .subItems {
        padding: 0 10px;
        overflow-y: auto;
        height: 95%;
        padding: 5px 10px;

        .subItem {
          display: flex;
          justify-content: space-between;
          margin-bottom: 5px;

          // >span:last-child:hover {
          //   cursor: pointer;
          // }
          .deleteItem {
            &:hover {
              cursor: pointer;
            }
          }
        }
      }
    }

    .exceptionArea {
      height: 20%;
      margin-top: 20px;

      .subTitle {
        background: #FCE7E7;
        color: #FF4C3E;
        border: 1px solid #FDBBBB;
        display: flex;
        align-items: center;
        justify-content: space-between;
      }
    }
  }

  :global {
    .ant-table-row {
      height: 49px;
    }

    .editable-cell {
      position: relative;
    }

    .editable-cell-value-wrap {
      padding: 5px 12px;
      cursor: pointer;
    }

    .editable-row:hover .editable-cell-value-wrap {
      padding: 4px 11px;
      border: 1px solid #fff;
      border-radius: 2px;
    }

    [data-theme='dark'] .editable-row:hover .editable-cell-value-wrap {
      border: 1px solid #434343;
    }

    .ant-table-cell-ellipsis {
      overflow: visible;
    }

    .ant-table-cell {
      overflow: visible;
    }

    .ant-form-item-explain {
      position: absolute;
      height: 35px;
      // width: 180px;
      padding: 0 5px;
      background-color: #ff4d4f;
      top: 40px;
      left: 50%;
      transform: translateX(-50%);
      border-radius: 5px;
    }

    .ant-form-item-explain-error {
      color: #fff;
      line-height: 35px;
    }

    .ant-select-arrow .anticon {
      margin-top: 8px;
    }
  }

}