Browse Source

Merge pull request #479 from ant-design/fix-popover-style

fix: delete :after of placement
pull/504/head
偏右 9 years ago
parent
commit
3fa30ddc43
  1. 2
      components/popover/index.jsx
  2. 24
      style/components/popover.less

2
components/popover/index.jsx

@ -42,7 +42,7 @@ const Popover = React.createClass({
}, },
getPopupDomNode() { getPopupDomNode() {
return this.refs.tooltip.refs.trigger.popupDomNode; return this.refs.tooltip.getPopupDomNode();
}, },
getOverlay() { getOverlay() {

24
style/components/popover.less

@ -57,45 +57,21 @@
&-placement-top, &-placement-topLeft, &-placement-topRight { &-placement-top, &-placement-topLeft, &-placement-topRight {
margin-top: -@popover-arrow-width; margin-top: -@popover-arrow-width;
padding-bottom: @popover-distance; padding-bottom: @popover-distance;
&:after {
top: 100%;
left: 0;
width: 100%;
height: 8px;
}
} }
&-placement-right, &-placement-rightTop, &-placement-rightBottom { &-placement-right, &-placement-rightTop, &-placement-rightBottom {
margin-left: @popover-arrow-width; margin-left: @popover-arrow-width;
padding-left: @popover-distance; padding-left: @popover-distance;
&:after {
top: 0;
left: -8px;
width: 8px;
height: 100%;
}
} }
&-placement-bottom, &-placement-bottomLeft, &-placement-bottomRight { &-placement-bottom, &-placement-bottomLeft, &-placement-bottomRight {
margin-top: @popover-arrow-width; margin-top: @popover-arrow-width;
padding-top: @popover-distance; padding-top: @popover-distance;
&:after {
top: -8px;
left: 0;
width: 100%;
height: 8px;
}
} }
&-placement-left, &-placement-leftTop, &-placement-leftBottom { &-placement-left, &-placement-leftTop, &-placement-leftBottom {
margin-left: -@popover-arrow-width; margin-left: -@popover-arrow-width;
padding-right: @popover-distance; padding-right: @popover-distance;
&:after {
top: 0;
left: 100%;
width: 8px;
height: 100%;
}
} }
&-inner { &-inner {

Loading…
Cancel
Save