vue-ant-patterns/biz-lib/b-query-panel/style/index.less

vue-ant-patterns

@import '../../../lib/style/themes/index.less';
@import '../../../lib/style/mixins/flex.less';
@depot-prefix-cls: ~'@{depot-prefix}-dquerypanel';
@depot-prefix-dqc: ~'@{depot-prefix}-dqcondition';
@depot-prefix-vim: ~'@{depot-prefix}-dquerypanel-viewItem';
@depot-prefix-tts: ~'@{depot-prefix}-dquerypanel-toptools';

.@{depot-prefix-cls} {
  width: 100%;
  background: @descriptions-bg;
  padding: 8px 16px;
  font-size: 14px;
  .ant-divider-horizontal {
    margin: 8px 0px;
  }

  &-dataView {
    .ant-tag {
      font-size: 14px;
      padding: 4px 8px;
    }

    &-itemArea {
      // margin:  0px 100px;
      padding: 0px 8px;
      flex: 1;
      width: 100%;

      .ant-col {
        margin-bottom: 8px;
        margin-right: 8px;
      }
    }
  }
  .depot-tools-second .ant-btn {
    margin-right: 8px;
  }
  &-modelVitem {
    height: 27px;
    font-size: 14px;
    color: rgba(0, 0, 0, 0.45);
    background: #ffffff;
    border: 1px solid #d9d9d9;
    border-radius: 2px;
    line-height: 26px;
    padding: 0px 12px;
  }

  &-hide {
    display: none;
  }
  .query-panel-moreBtn {
    border-radius: 32px;
  }
}

.@{depot-prefix-dqc} {
  width: 420px;
  height: 32px;
  margin-right: 16px;
  margin-bottom: 8px;
  &-label {
    font-size: 14px;
    width: 76px;
    line-height: 32px;
    text-align: end;
  }

  &-middle {
    width: 100px;
    margin-left: 8px;
    line-height: 32px;
  }

  &-control {
    width: 220px;
    margin-left: 8px;
    line-height: 32px;
  }

  .ant-calendar-picker {
    width: 100%;
  }
}

.@{depot-prefix-vim} {
  padding: 4px 12px;
  background: #ffffff;
  border: 1px solid #d9d9d9;
  color: rgba(0, 0, 0, 0.65);
  cursor: pointer;
  font-size: 14px;
  border-radius: 2px;
  &-select {
    background: rgba(255, 255, 255, 0.95);
    border: 1px solid #003785;
    border-radius: 2px;
    font-size: 14px;
    color: #005bac;
  }

  &-selectIcon {
    position: absolute;
    height: 0px;
    width: 0px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    right: -17px;
    top: -17px;
    border: 17px solid;
    border-color: transparent transparent #005bac transparent;

    &-hidden {
      display: none;
    }
  }
}

.@{depot-prefix-tts} {
  &-qrItem {
    background: #ffffff;
    border: 1px solid #d9d9d9;
    border-radius: 2px;
    padding: 2px 12px;
  }
  &-rightIcon {
    margin: 0 8px;
    height: 27px;
    line-height: 26px;
  }

  .ant-tag {
    height: 100%;
    // line-height: 25px;
    font-size: 14px;
    padding: 2px 12px;
    background: #ffffff;
    border: 1px solid #d9d9d9;
    color: #003785;
    border-radius: 2px;
  }
  .ant-tag .anticon-close {
    color: #003785;
  }
  &-allbtn {
    padding: 4px 12px;
    background: #ffffff;
    border: 1px solid #d9d9d9;
    border-radius: 2px;
    font-size: 14px;
  }
}
.bquerypanel-badgeDiv {
  width: 16px;
  height: 16px;
  background-color: #d9d9d9;
  text-align: center;
  border-radius: 16px;
  cursor: pointer;
}