Fix popover card arrow border

This commit is contained in:
afc163 2016-10-14 21:43:59 +08:00
parent b2734eda66
commit e520998166
3 changed files with 7 additions and 10 deletions

View File

@ -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 {

View File

@ -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 {

View File

@ -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%);