ReportsSetting.less 2.03 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
@import '~antd/es/style/themes/default.less';

.reportSettings {
  //width: 100%;
  height: 100%;

  .reportFiled {
    display: inline-block;
    width: 100%;
    overflow: hidden;
    line-height: 1;
    white-space: nowrap;
    text-overflow: ellipsis;

    &:hover {
      color: #1685ff;
    }
  }

  .reportDetails {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    padding: 8px;

    .colorSketch {
      position: absolute;
      z-index: 1001;
      width: 100%;
      height: 100%;
    }

    :global {
      .@{ant-prefix}-form-item {
        margin-bottom: 0 !important;
      }
    }

    .tableWrapper {
      display: flex;
      flex: 1;
      flex-direction: column;
      overflow: hidden;

      .controlRow {
        display: flex;
        flex: 0 0 44px;
        //justify-content: space-between;
        align-items: center;
        height: 44px;
        margin-bottom: 4px;
        padding: 6px;
        background: #ffffff;

        .leftBtn {
          margin-right: 10px;
          font-weight: bold;
          font-size: 18px;
          cursor: pointer;

          &:hover {
            color: #1685ff;
            opacity: 0.8;
          }
        }
      }

      .tableContent {
        flex: 1;
        width: 100%;
        max-height: calc(100% - 44px);
        padding: 6px;
        overflow: hidden;
        background: #ffffff;

        .tableForm {
          height: 100%;
        }
      }
    }
  }
}

.boxShadow {
  border-color: #40a9ff;
  border-right-width: 1px;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
}
.boxShadowOfSwitch {
  border-right-width: 1px;
  outline: 0;
  box-shadow: 0 0 4px 2px rgba(24, 144, 255, 0.6);
}
.boxShadowOfSelect {
  border-right-width: 1px;
  outline: 0;
  box-shadow: 0 0 2px 2px rgba(24, 144, 255, 0.2);

  :global {
    .@{ant-prefix}-select-selector {
      border-color: #40a9ff !important;
    }
  }
}

.fieldList {
  cursor: pointer !important;

  &:hover {
    color: #1685ff;
  }

  &.active {
    color: #1685ff;
  }
}