vue-ant-patterns/lib/d-quick-search/style/index.less

vue-ant-patterns

@import '../../style/themes/index.less';
@import '../../style/mixins/flex.less';
@depot-prefix-cls: ~'@{depot-prefix}-quick-search';

.@{depot-prefix-cls} {
  .flex;
  .flex-center-between;

  &-input {
    width: 300px;
  }
  & .icon-button {
    margin-left: 10px;
  }
}

.depot-quick-search-dropdown {
  width: 300px;
  .count-item {
    cursor: initial;
    position: relative;
    &:before {
      position: absolute;
      content: ' ';
      height: 1px;
      top: 0;
      left: 1px;
      right: 1px;
      background: #ccc;
    }
  }
  & .ant-select-dropdown-menu-item-selected,
  & .ant-select-dropdown-menu-item-selected,
  & .ant-select-dropdown-menu-item-disabled.ant-select-dropdown-menu-item-selected {
    color: rgba(0, 0, 0, 0.25);
    background: none;
    font-weight: normal;
  }

  .ant-select-dropdown-content {
    padding-bottom: 50px;
  }
  .ant-select-dropdown-menu-item {
    .flex;
    .flex-col;
    box-sizing: content-box;

    .desp.desc {
      font-size: 12px;
      color: #999;
    }
  }
  .ant-select-dropdown-menu-item:last-child {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 40px;
    user-select: none;
    line-height: 40px;
    box-sizing: content-box;
  }
}