cyber-narrator-cn-ui/src/assets/css/components/views/charts/NetworkOverviewLine.scss

.line {
  height: 100%;
  width: 100%;
  position: relative;
  #chart {
    width: 1288px;
    height: 340px;
  }
  .line-select {
    line-height: 24px;
    top: 10px;
    right: 20px;
    display: flex;
    position: absolute;
    .line-select-metric,.line-select-reference-line {
      display: flex;
      span {
        font-family: NotoSansSChineseRegular;
        font-size: 12px;
        color: #575757;
        font-weight: 400;
        margin-right: 3px;
      }
      .line-select__operation {
        height: 24px;
        margin-left: 3px;
        box-shadow: 0 2px 4px 0 rgba(51,51,51,0.10);
        border-radius: 2px;
        .option__select {
          pointer-events:none;
          .el-input__inner {
            width: 80px;
            height: 24px;
            padding-left: 4px;
            line-height: 24px;
            font-size: 12px;
            color: #2C72C6;
            font-weight: 400;
          }
          .el-input__suffix {
            display: flex;
            .el-input__suffix-inner {
              line-height: 24px;
              .el-select__caret {
                line-height: 24px;
                width: 16px;
                color: #575757;
              }
            }
          }
        }
        .option__select.select-column {
          .el-input__inner {
            width: 86px;
            padding-left: 8px;
          }
        }
        .icon-group-divide {
          height: 14px;
          width: 1px;
          background-color: $--color-primary;
        }
        i {
          font-size: 12px;
        }
      }
    }
    .line-select-reference-line {
      margin-left: 20px;
    }
  }
  .line-value {
    position: absolute;
    top: 30px;
    left: 27px;
    height: 34px;
    line-height: 34px;
    display: flex;
    .line-value-mpackets {
      margin-right: 30px;
      span:nth-of-type(1) {
        font-size: 28px;
        color: #353636;
        font-weight: 700;
        margin-right: 4px;
      }
      span:nth-of-type(2) {
        font-size: 12px;
        color: #575757;
        font-weight: 400;
      }
    }
  }
}