Skip to content

popover adds no arrow style #3808

@transtone

Description

@transtone
  • I have searched the issues of this repository and believe that this is not a duplicate.

What problem does this feature solve?

popover 的样式和 dropdown 的不一样,前者有箭头,后者没有。可否新增一个 no-arrow 参数,实现和 dropdown 一样的无箭头样式?

What does the proposed API look like?

参数 说明 类型 默认值
no-arrow 取消弹窗箭头 boolean false
.ant-popover-noarrow {
  .ant-popover-arrow {
    display: none;
  }

  &.ant-popover-placement-bottom,
  &.ant-popover-placement-bottomLeft,
  &.ant-popover-placement-bottomRight {
    padding-top: 0;
  }

  &.ant-popover-placement-top,
  &.ant-popover-placement-topLeft,
  &.ant-popover-placement-topRight {
    padding-bottom: 0;
  }

  &.ant-popover-placement-right,
  &.ant-popover-placement-rightTop,
  &.ant-popover-placement-rightBottom {
    padding-left: 0;
  }

  &.ant-popover-placement-left,
  &.ant-popover-placement-leftTop,
  &.ant-popover-placement-leftBottom {
    padding-right: 0;
  }

}

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions