mirror of
https://github.com/ant-design/ant-design.git
synced 2024-11-28 21:19:37 +08:00
Fix popover card arrow border
This commit is contained in:
parent
b2734eda66
commit
e520998166
@ -32,7 +32,7 @@
|
||||
border: 0;
|
||||
border-radius: @border-radius-base;
|
||||
background-clip: padding-box;
|
||||
box-shadow: 0px 6px 8px 0px rgba(100, 100, 100, 0.4);
|
||||
box-shadow: @shadow-2;
|
||||
}
|
||||
|
||||
&-close {
|
||||
|
@ -55,7 +55,6 @@
|
||||
min-width: @popover-min-width;
|
||||
background-color: @popover-bg;
|
||||
background-clip: padding-box;
|
||||
border: 1px solid @popover-border-color;
|
||||
border-radius: @border-radius-base;
|
||||
box-shadow: @box-shadow-base;
|
||||
}
|
||||
@ -124,7 +123,7 @@
|
||||
&-placement-topRight &-arrow {
|
||||
border-bottom-width: 0;
|
||||
border-top-color: @popover-arrow-outer-color;
|
||||
bottom: 0;
|
||||
bottom: -1px;
|
||||
&:after {
|
||||
content: " ";
|
||||
bottom: 1px;
|
||||
@ -147,7 +146,7 @@
|
||||
&-placement-right &-arrow,
|
||||
&-placement-rightTop &-arrow,
|
||||
&-placement-rightBottom &-arrow {
|
||||
left: 0;
|
||||
left: -1px;
|
||||
border-left-width: 0;
|
||||
border-right-color: @popover-arrow-outer-color;
|
||||
&:after {
|
||||
@ -174,7 +173,7 @@
|
||||
&-placement-bottomRight &-arrow {
|
||||
border-top-width: 0;
|
||||
border-bottom-color: @popover-arrow-outer-color;
|
||||
top: 0;
|
||||
top: -1px;
|
||||
&:after {
|
||||
content: " ";
|
||||
top: 1px;
|
||||
@ -197,7 +196,7 @@
|
||||
&-placement-left &-arrow,
|
||||
&-placement-leftTop &-arrow,
|
||||
&-placement-leftBottom &-arrow {
|
||||
right: 0;
|
||||
right: -1px;
|
||||
border-right-width: 0;
|
||||
border-left-color: @popover-arrow-outer-color;
|
||||
&:after {
|
||||
|
@ -67,7 +67,7 @@
|
||||
@shadow-1-down : 0 1px 6px @shadow-color;
|
||||
@shadow-1-left : -1px 0 6px @shadow-color;
|
||||
@shadow-1-right : 1px 0 6px @shadow-color;
|
||||
@shadow-2 : 0 1px 8px @shadow-color;
|
||||
@shadow-2 : 0 2px 8px @shadow-color;
|
||||
|
||||
// Buttons
|
||||
@btn-font-weight : 500;
|
||||
@ -193,8 +193,6 @@
|
||||
@popover-bg: #fff;
|
||||
//** Popover maximum width
|
||||
@popover-min-width: 177px;
|
||||
//** Popover border color
|
||||
@popover-border-color: @border-color-base;
|
||||
//** Popover arrow width
|
||||
@popover-arrow-width: 4px;
|
||||
//** Popover arrow color
|
||||
@ -202,4 +200,4 @@
|
||||
//** Popover outer arrow width
|
||||
@popover-arrow-outer-width: (@popover-arrow-width + 1);
|
||||
//** Popover outer arrow color
|
||||
@popover-arrow-outer-color: fadein(@popover-border-color, 5%);
|
||||
@popover-arrow-outer-color: fadeout(@border-color-base, 30%);
|
||||
|
Loading…
Reference in New Issue
Block a user