mirror/ant-design
1
0
Fork 0
mirror of https://github.com/ant-design/ant-design.git synced 2024-11-28 05:05:48 +08:00
Code Issues Actions 43 Packages Projects Releases Wiki Activity

Tweak popover arrow style

Browse Source
This commit is contained in:
afc163 2017-12-02 17:13:21 +08:00
parent 1e47a6c518
commit bbbdb9911d
1 changed files with 8 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
components/popover/style/index.less
View File

@ -116,8 +116,8 @@
&-placement-top > &-content > &-arrow,
&-placement-topLeft > &-content > &-arrow,
&-placement-topRight > &-content > &-arrow {
bottom: @popover-distance - @popover-arrow-width + 1px;
box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.07);
bottom: @popover-distance - @popover-arrow-width + 2px;
box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);
}
&-placement-top > &-content > &-arrow {
left: 50%;
@ -133,8 +133,8 @@
&-placement-right > &-content > &-arrow,
&-placement-rightTop > &-content > &-arrow,
&-placement-rightBottom > &-content > &-arrow {
left: @popover-distance - @popover-arrow-width + 1px;
box-shadow: -3px 3px 6px rgba(0, 0, 0, 0.08);
left: @popover-distance - @popover-arrow-width + 2px;
box-shadow: -3px 3px 7px rgba(0, 0, 0, 0.07);
}
&-placement-right > &-content > &-arrow {
top: 50%;
@ -150,8 +150,8 @@
&-placement-bottom > &-content > &-arrow,
&-placement-bottomLeft > &-content > &-arrow,
&-placement-bottomRight > &-content > &-arrow {
top: @popover-distance - @popover-arrow-width + 1px;
box-shadow: -3px -3px 6px rgba(0, 0, 0, 0.08);
top: @popover-distance - @popover-arrow-width + 2px;
box-shadow: -1px -1px 4px rgba(0, 0, 0, 0.06);
}
&-placement-bottom > &-content > &-arrow {
left: 50%;
@ -167,8 +167,8 @@
&-placement-left > &-content > &-arrow,
&-placement-leftTop > &-content > &-arrow,
&-placement-leftBottom > &-content > &-arrow {
right: @popover-distance - @popover-arrow-width + 1px;
box-shadow: 3px -3px 6px rgba(0, 0, 0, 0.08);
right: @popover-distance - @popover-arrow-width + 2px;
box-shadow: 3px -3px 7px rgba(0, 0, 0, 0.07);
}
&-placement-left > &-content > &-arrow {
top: 50%;