index.less 1.31 KB
@import '~@qx/ui/src/style/variable.less';

.qx-fields-popover {
  &.ant-popover {
    padding-top: 0;
    padding-bottom: 0;
    overflow: hidden;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 16px 0 rgba(167, 169, 174, 0.4);
  }

  .ant-popover-arrow {
    display: none;
  }

  .ant-popover-inner-content {
    padding: 0;
    overflow: auto;
  }
}

.qx-popover-fields {
  max-height: 260px;
  margin: 0;
  padding: 0;
  overflow: auto;

  > li {
    padding: 5px 5px 5px 12px;
    cursor: pointer;

    &:hover {
      background-color: @N3;
    }
  }
}

.qx-fields-pop-content {
  width: 100%;
  max-height: 260px;
  overflow-x: hidden;

  &.ant-menu-inline > .ant-menu-submenu > .ant-menu-submenu-title {
    margin-top: 0;
    margin-bottom: 1px;
    background-color: @N2;
  }

  .ant-menu-sub.ant-menu-inline {
    background-color: #fff;
  }

  &.ant-menu-inline > .ant-menu-item,
  .ant-menu-sub.ant-menu-inline > .ant-menu-item {
    height: 32px;
    margin: 1px;
    line-height: 32px;

    &:hover {
      color: inherit;
      background-color: @N3;
    }
  }

  .ant-menu-title-content {
    .ant-typography + span {
      overflow: hidden;
      text-overflow: ellipsis;
    }
  }
}
.qx-field-pop__footer {
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 24px;
  border-top: 1px solid @N4;
}